React Round Up

Today we talk with Chris Frewin, a full-stack software engineer at private experience startup InClub, located in Zurich, Switzerland.  Involved with all coding aspects, from the back-end, mobile app, CMS, and everything in-between, we learn about the challenges of being a solo developer at a startup.  We learn a lot about Gherkin, the format for cucumber specifications.

Sponsors

• Top End Devs
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• Home
• Gherkin Syntax
• Jest
• 10 Minute Tutorial - Cucumber Documentation
• Detox
• cypress.io
• The Clean Code Blog
• Advanced Code Organization Patterns: The Case For One Function Per File
• One Year as the Chief Technology Officer at InClub
• Structure and Interpretation of Test Cases - Kevlin Henney
• Chris' Full Stack Blog

Picks

• Chris- The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses
• Chris- The Complete Isaac Asimov's Foundation Series Books 1-7 (Foundation, Foundation and Empire, Second Foundation, Foundation's Edge, Foundation and Earth, Prelude to Foundation, Forward the Foundation)
• Jack- Millennium Falcon™ 75192 | Star Wars™ | Buy online at the Official LEGO® Shop US
• Paige- Amazon.com : plastic wrap dispenser with cutter
• TJ- Amazon.com: Amazon Go

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In today’s all-panelist episode, we discuss many ancillary skills that you might be tempted to avoid learning but are very beneficial to know.  Included in the conversation are CSS, DNS & HTTP, caching, API styles, knowing how to interact with back ends and databases, and command line.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Discord - A New Way to Chat with Friends & Communities

Picks

• Jack- Watch Day Shift | Netflix Official Site
• Paige- Star Trek: Deep Space Nine - Watch Full Episodes - CBS.com
• TJ- Only Murders in the Building

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In today’s episode we talk with Atila Fassina, a developer experience engineer working at Xata.  As a fan of both, Atila compares Next.js and Remix, comparing their similarities and differences.  

We also talk about how Xata makes dealing with databases more comfortable.  This server-less database, which is hidden behind an API, provides users with some nice abstractions, such as instant migrations, and analytics and a search engine right out of the box.  Our discussion includes partial routing, Remix mutations, and layout RFC.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• The Go-To Serverless Database | Xata
• Author Atila Fassina - Smashing Magazine
• Layouts RFC
• RFC: Layouts · Discussion #37136 · vercel/next.js
• Join the Xata Discord Server!
• Atila − Web Development
• Twitter: @AtilaFassina

Picks

• Atila- Watch The Sandman | Netflix Official Site
• Jack- The Bear
• Paige- Amazon.com : cooking spray bottle

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Today’s guest, Tommy Groshong, walks us through some questions to consider when thinking about pursuing a higher-level role.  After a second go-around into management, we get some insight into how the culture can be very different at higher levels and the importance of having good questions to ask.  We talk about two separate tracks you could pursue based on your skills and desires, and how to handle the requirements of management and stay connected with your coding craft and new trends in the industry.

Sponsors

• Top End Devs
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• Discord - A New Way to Chat with Friends & Communities
• TommyGroshong.com
• Twitter: @tgroshon

Picks

• Jack- Westworld | Official Website for the HBO Series | HBO.com
• Paige- Outlander Series
• TJ- Only Murders in the Building
• Tommy- Should I See This Movie?

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Jack leads us through some of the history of how we got to where we are with client side rendering, and how island architecture helps to reduce the workload handled on the client-side.   We talk process and tips on transitioning to Islands Architecture, and in the process talk about BUN, Fresh, and other island architecture frameworks.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Islands Architecture
• fresh - The next-gen web framework.
• Astro
• Bun is a fast all-in-one JavaScript runtime
• Eleventy, a simpler static site generator
• The 4 things it takes to be an expert

Picks

• Jack- MacBook Pro 13-inch
• Paige- Top Gun | Official Website | Now Playing Only In Theatres
• TJ- Summoning Salt

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Today we talk with Travis Waith-Mair, a senior software engineer at Plex, and creator of Bedrock Layout Primitives library.  Bedrock layout allows you to build a complex layout without with reusable components without needing to be an expert at the underlying CSS.  We talk about the success of his library, and along the way discuss Lerna, a tool for JS Monorepos, and the AVO (Attributes Verbs and Objects) and method.
Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• - Top End Devs
• Overview / Bedrock Layout Primitives - Page ⋅ Storybook
• Documentation | Lerna
• Travis Waith-Mair - Medium
• GitHub: Travis Waith-Mair
• Twitter: @travisWaithMair

Picks

• Paige- Formula 1: Drive to Survive
• TJ- Join Bytes - Your weekly dose of JavaScript
• Travis- Only Murders in the Building

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Today we talk with Florian Rappl the creator of Piral, a next generation portal applications, which utilizes microfrontend architecture.  Piral is all about scalability, allowing easy reusability between multiple teams.  We learn of the background of how it was developed, and how out of the box it comes with bundles customized to your industry.  We discuss when it makes sense to use microfrontend based on client requests and needs, and give some tips on when to start incorporating it.


Sponsors

• Top End Devs
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• Piral - Portal Solutions using Microfrontends
• smapiot
• GitHub - smapiot/piral: Framework for next generation web apps using micro frontends.
• Piral - Documentation
• Twitter: @FlorianRappl
• GitHub: FlorianRappl
• News - Florian Rappl

Picks

• Flo- Watch Stranger Things | Netflix Official Site
• Flo- Bun is a fast all-in-one JavaScript runtime
• Flo- The God Equation: The Quest for a Theory of Everything
• Jack - fresh - The next-gen web framework.
• Paige- GrillGrates - Custom BBQ Grill Grates | GrillGrate
• TJ- Watch Stranger Things | Netflix Official Site

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Today we talk with Dillion Megida, a developer advocate and content creator originally from Nigeria, but living in the Netherlands.  We discuss his blog article about the aspect ratio property in CSS.  Much of his effort at a developer advocate is writing articles and creating video content to promote the products for Stream, where he currently works.  He gives us his insight on preparing for and pursuing the developer advocate role at a company.  We also discuss debouncing in JavaScript, which helps to reduce unnecessary expression executions.


Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Dillion Megida - Developer Advocate
• The Aspect Ratio Property in CSS - Dillion's Blog
• Tailwind UI Kit - The most loaded tailwind css UI Kit on the planet
• JavaScript String Comparison - How to Compare Strings in JS
• Dillion Megida
• Instagram: dillionmegida
• Twitter: @iamdillion
  
  

Picks

• Dillion- Amazon.com : air fryer
• Jack- Discord - A New Way to Chat with Friends & Communities
• Jack- Pizza Ovens | Make Pizza | Ooni Pizza Ovens
• Paige- Instant Read Thermometers

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Today Jack and TJ talk with Adam Berg, VP of Engineering at Dubsado.  We discuss an article he wrote based on lessons learned while his place of work was transitioning from AngularJS to React, called starting with How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild.  We also discuss several of his other articles, including Hey Siri, We’re Breaking Up, and 3 Lines of Code Shouldn’t Take All Day.

Sponsors

• Top End Devs
• Raygun | Click here to get started on your free 14-day trial
• Coaching | Top End Devs

Links

• How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild | dev/tails
• dev / tails
• How to Replace Webpack in Create React App With esbuild 
• Hey Siri, We're Breaking Up
• Taking Flight Without a Smart Phone
• 3 Lines of Code Shouldn’t Take All Day
• Home
• Twitter: @devtails
• GitHub: adamjberg

Picks

• Adam- Upload - Season 1
• Jack- Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global states
• TJ- Netlify Functions

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In today’s all-panelist episode, we cover our favorite equipment from keyboards and mouse, to computers and monitors, from webcams to microphones.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Discord - A New Way to Chat with Friends & Communities
• GitHub Copilot · Your AI pair programmer

Picks

• Jack - Donate to the Red Cross
• Jack- Pizza Ovens | Make Pizza | Ooni Pizza Ovens
• Paige- The White Lotus | Official Website for the HBO Series | HBO.com
• TJ- Lilo & Stitch

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.