React Round Up

Today we have special guest Jennifer Fu, a software engineer who specializes in front end development.  Currently working at Domino Data Lab, she comes with 20 years of experience in many programming languages, but loves React!  Much of her recent work is with Web3.js and Three.js.  We discuss how to work with the 3D JavaScript library, and discuss how easy it is to use.  As a bonus, we get some of her insight to excelling during the coding interview process.  Make sure to check out her extensive library of articles at medium.com (link below).SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksJennifer Fu - MediumJennifer Fu - Cupertino, California, United States | Professional Profile | LinkedInModeling - blender.orgGitHub: Where the world builds softwareThree.js - JavaScript 3D libraryPicksJennifer- Baltimore Museum of ArtTJ- TMNT Shredder's RevengePaige- Watch The Great British Baking Show | Netflix Official SiteAdvertising Inquiries: https://redcircl

In this all-panelist episode, we discuss Design Systems, what they are and why you might want one. As a great way to help companies to standardize the look and feel and behavior of their web applications across the enterprise, we discuss the challenges of implementation. We also discuss how useEffect gets called twice when in developer mode and strict mode to test your component. It mounts it, un-mounts it, the re-mounts it - looking to see if there are leaks. What do we do about this? SponsorsTop End DevsCoaching | Top End Devs LinksDiscord - A New Way to Chat with Friends & CommunitiesReact 18 useEffect Double Call for APIs: Emergency FixStorybook: UI component explorer for frontend developers PicksJack- Land Rover Defender 42110 | Technic™ | Buy online at the Official LEGO®Paige - Magnetized screwdriversTJ - Heated BlanketsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-rou

Today we talk with Iva Kopraleva, a technical article writer, and React developer at CitizenLab, a digital engagement platform helping citizen involvement in public decision-making. We delve into some tips and tricks she has learned to make her coding process better, as well as recommendations for new developers in finding their first job. SponsorsTop End DevsCoaching | Top End Devs LinksWhere is the mouse?Iva Kop, Author at LogRocket BlogIva Kop - freeCodeCamp.orgLinkedIn: Iva KopTwitter: @iva_kopGitHub: Iva ( IvaKop )Discord: React Round Up PicksIva - Horseback RidingJack - Everything Everywhere All At OnceJack - Chip ’n Dale Rescue RangersTJ- Postman API PlatformAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Today we talk with software engineer Shubham Khatri, a front end developer at Meta. As someone who is really passionate about React, we discuss Strict Mode and Flock among other things. We also talk about his experience working for the company, insights on getting hired at Meta, and tips for getting a good response from developer help. Sponsors Top End DevsCoaching | Top End Devs Links What is StrictMode in ReactMeta | Social Metaverse CompanyHow to Build a Custom Pagination Component in ReactShubham Khatri - MediumTwitter: @ShubhamReacts Picks Jack - Touch PortalPaige - OzarkTJ- Podcasts - FreakonomicsShubham - This Is UsSpecial Guest: Shubham Khatri.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Advertising Inquiries: https://redcircle.com/brandsPr

Today we talk with Steven Wittens with his personal site acko.net, and get a glimpse inside his creative efforts of taking parts of React to a new level to support his vision for graphics developments. We also talk about Live, his own React runtime, and his upcoming use.gpu. Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks React - The Missing Parts Acko.net Steven Wittens / use.gpu · GitLabunconed - OverviewTwitter: Steven Wittens ( @unconed )Steven Wittens - YouTube Picks Paige - Inventing AnnaSteven - The Talos PrincipleTJ - Moon KnightSpecial Guest: Steven Wittens.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged pro

In this episode we have special guest front-end engineer and technical writer Samaila Bala from Nigeria. We discuss several use cases of the React design patterns he has written about, such as the Compound Components Pattern and Provider Pattern. He also discusses his Send Cash app, and how it allows people to transfer money internationally with more ease. Sponsors Top End DevsCoaching | Top End Devs Links 3 React Component Design Patterns You Should Know About (openreplay.com)Samaila Bala Picks Jack - Nintendo Switch SportsPaige - Netlify Samaila - RemixTJ - PlatformIOSpecial Guest: Samaila Bala.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a

In this special all-panelist episode, we discuss all things on how to stand out! We’ll discuss everything from standing out in a crowd, standing out as a software developer, and how to get your name out there. We also talk about why this is an important topic to delve into. We’ll give you tips on finding success by choosing what you find interesting and fun, as well as tips to help you grow and get noticed. Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links Hashnode - Blogging community for developers, and people in techGitHub: Where the world builds softwareLinkedIn: Log In or Sign Up Picks Jack - WarpPaige - HoneyTJ - Sonic the Hedgehog 2Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Be

Ever wish you had some great advice before you needed it? In this panelists episode we talk all about red flags when interviewing with a new company, and things to look for and be aware of during the process. We look at some red flags in coding, and include some tips on finding good code. We look at red flags while working with teams, managers and difficult people, and the the red flags to look for on special projects. There are even a few red flags thrown in for life in general. Sponsors Top End DevsCoaching | Top End Devs Links MPM Trends Picks Paige - React Table Jack - RedwoodJS TJ - Mario Cart Booster Course Pass Sponsored By:Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redc

Jack, Paige, and TJ give advice for Junior Developers. They pull from their own experience to break down the areas that Junior Developers may struggle with or not know that they need to focus on. Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Jack- Hotwire: HTML Over The WirePaige- Watch Bridgerton | Netflix Official SiteTJ- Museums | Ann Arbor, MISponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

If you're looking for a way to manage your CSS in JS in a super lightweight framework, check out Goober. The package is exceptionally small and keeps your bundle lean and mean. Cristian Bote joins the round up to wrangle this discussion on how to put CSS into your React application in a novel way. Sponsors Top End DevsCoaching | Top End Devs Links GitHub - cristianbote/goobergooberPreactPhobia Picks Cristian- World's Strictest Parents - YouTubeJack- James Hoffmann - YouTubePaige- Twilio - Official Site - Endless API PossibilitiesTJ- BigWrite - Apps on Google PlaySpecial Guest: Cristian Bote.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a suppor

There’s a wild west of open source React out there, so let’s help you prepare. In this episode, the squad talks with Tanner Joseph Linsley, an open source React developer who’s got some wisdom to drop on how to do it right and build your community. “Honestly, a lot of the time, it’s about taking existing tools and shaping them into what I need them to be.” _- Tanner Joseph Linsley _ In This Episode 1) The BIGGEST tools in React that you oughta know in 2022 2) How to use feedback effectively and fix mistakes quickly 3) The TRUTH around open-source in the dev community (and how to get started) Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Carl- Christmas DIY at the Chateau - How to renovate a Chateau (Without killing your parter)Paige- Star Trek: Discovery (TV Series 2017– ) - IMDbTanner- Anycubic Mega X 3D PrinterTanner- Locke & Key (TV Series 2020– ) - IMDbTanner- Oculus Quest VRTJ- SteamYardSpecial Guest: Tanner Linsley.Sponsored By:

Sometimes, the answer isn’t to code more. In this episode, the crew sits down with Chimezie Innocent, a developer who will show you how to clean up your act with UseEffect, as well as why this ONE thing dramatically improved his coding. “If you want to understand something better, the best advice I would give is ‘Just write about it!’” - Chimezie Innocent In This Episode 1) Why UseEffect is CRUCIAL for avoiding a world of hurt in your cleanup 2) How to reveal how little you ACTUALLY understand a concept (and how to become a better developer fast!) 3) Some GO-TO tips for improving your writing, helping others, and getting paid to do something other than coding Sponsors Top End DevsCoaching | Top End Devs Links Understanding React’s useEffect cleanup function - LogRocket Blog Picks Chimezie- Elementary movie about public schoolsJack- SAD LampJack- Mountain DuckPaige- Grippy SocksTJ- Stylus for cold weather phone usageSpecial Guest: Chimezie Innocent.Sponsored By:Coaching | Top End Devs: Do you want to

Nx is here to make your life easier. In this episode, Paige and TJ talk with Jack Hsu, a developer whose Nrwl and Nx expertise is blowing us away with how streamlined things can be. “It’s nice for everyone to see what’s going on, not just the core developers.” - Jack Hsu In This Episode 1) What beginners NEED to know to get started with Nx this year 2) Why you’ll LOVE using a Monorepo in 2022 to maintain your sanity 3) The BIG 2022 trends around Next.js, Nx, and Nrwl you ought to know Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links Painlessly Build and Deploy Next.js Apps With Nx | by Jack Hsu | Nrwl Jack HsuGithub: Jack Hsu ( aysoo ) Picks Jack- IdeaVimPaige- Watch Snowpiercer | Netflix Official SiteTJ- YouTube TVSpecial Guest: Jack Hsu.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now off

Let’s help you invest in your new CSS Property. (Get it?) In this episode, Jack and Paige sit down with CSS property extraordinaire, Colby Faycock, for React Roundup Round 2! They all discuss how to make CSS get along with React and others, what awesome things Cloudinary does, and how to properly enter the CSS world if you’re a React user. “React and CSS are two different concepts, but they can definitely play nicely.” - Colby Fayock In This Episode 1) How to make CSS properties play nice with JavaScript and React 2) The BEST way for React users to enter the CSS world in 2022 3) Why companies like Cloudinary are showcasing THIS awesome part of CSS properties Sponsors Top End DevsCoaching | Top End Devs Links How to Create CSS Custom Properties That Dynamically Update with React & JavaScript - Space Jelly 1-Line Layouts Picks Colby- OzarkJack- Micro State Management with React HooksPaige- Watch 1883 Season 1 | Prime Video - Amazon.comSpecial Guest: Colby Fayock.Sponsored By:Coaching | Top End Devs

Could a flight attendant or lawyer become a developer? You bet! In this episode, the React Roundup team talks with Mikael (Mickey) Petersen, a flight attendant turned lawyer turned developer who believes your background doesn’t define you. They all discuss what you NEED to know about WebGL and canvasses, the pros and cons of Svelte vs. React, and the biggest developments that you should already be following. “I realized my passion is between problem solving and creativity. Coding is a creative outlet, and I always love learning new stuff.” - Mikael (Mickey) Petersen In This Episode 1) Why Mickey believes ANYONE can become a developer regardless of their background 2) What you NEED to know about working with WebGL and canvasses in React this year 3) How Svelte is an EXCELLENT choice for starting out (but why React is better at higher levels) 4) The BIGGEST developments in 2022 that you oughta be following by now Links Three.js with React Hooks Sponsors Top End DevsRaygun | Click here to get started on y

Wanna forget the back-end and only focus on the front? Too bad. In this episode, the React team sits down with Mike Alche, a developer whose full-stack approach reminds us why you need both ends to succeed. They discuss the power of tRPC, what led Mike to AdonisJS (and why it should be more popular), and Mike’s go-to tips for becoming a master at API testing. “As develops, we love building products, but we need a place to put it. The back end’s not as trendy as the front end. That’s what ‘full stack’ means—everything together.” - Mike Alche In This Episode What apps catch Mike’s attention, which ones he skips, and his wisdom to know the differenceWhy tRPC can accelerate your coding and make end-to-end type safe APIs a breezeHow a need for documentation led Mike to AdonisJS (and why he thinks it should be more popular than its competitors)Mike’s go-to tips for testing your APIs efficiently (and the crucial differences between front- and back-end) Picks Jack- Disney's Encanto: A Magical WorldMike- Watch Th

Next JS is next in line, but are you ready for it? In this episode, the Roundup rascals team up with Tom Norton, a software developer who’s as excited about Next JS as they are. They discuss the pros and cons, why it’s superior to apps like Gatsby, and why Tom believes studying accessibility is PARAMOUNT for the future. “Get ready for some opinions.” - Tom Norton In This Episode Tom’s unadulterated (but optimistic!) opinions on Next JS (and what his totally-scientific tests discovered) What Tom and Paige agree on that’s not ideal about Gatsby (and why Next is growing fast) Why Tom believes that studying accessibility features will determine the future of programming Tom’s BIGGEST pet peeves with React native and which libraries he uses as workarounds Sponsors Top End DevsCoaching | Top End Devs Links GitHub: Tom Norton ( tn12787 )Next.js 12 Performance Test: Builds Appear to be Slower, Not Faster Picks Jack- Marie Kondo Cleaning MethodPaige- Electric BlanketPaige- Watch Tiger King | Netflix Offic

A new year brings new libraries and state machines, so if you’d rather not be confused, this episode’s for you. In this one, the team covers React’s most significant improvements, how to avoid losing your mind over state machines, and what libraries to peruse in 2022. In This Episode Why React’s improvements made THIS feature irrelevant for most cases The team’s solution for people wanting more than just juggling API’s all day (and why it’s a big win for storage and data migration) If you’re into spreadsheets, we bet you’ll LOVE using THIS library Want to learn a new, intuitive library in 2022? Jack’s got you covered How to avoid the NIGHTMARE of complication with state machines Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links useSWRReact QueryRTK Query Overview | Redux ToolkitRecoilJotaiZustand GitHub - pmndrs/valtio Akita | Reactive State Management Effector Picks Jack- AirPods Max - ApplePaige- Watch The Witcher | Netflix Official SiteTJ

Interested to learn more about this “Great Gatsby”? How does it differ from others, and where is the industry headed? Time for a meeting with the Queen! In this episode, the React team sits down with Queen Benedicte Raae, a software developer and overall coding wizard. They discuss the ONE feature of Gatsby that makes it so beginner friendly, what Queen Raae learned from her years of Wordpress and web building, and where they believe the conversation of “no-code vs code everything” is headed. “If you need something content-heavy, Wordpress can be exactly what you need. But if you’re trying to make an application, you need something more intense. The internet is splitting between no-code vs ‘code everything’ solutions.” Benedicte Raae In This Episode The ONE feature of Gatsby that makes the whole system so easy AND customizable for users (which you can start using today!) What Benedicte learned from Wordpress, Jekyll, and web building (and how it led her to Gatsby) Benedicte’s feelings toward Javascript in

So, you’ve followed up with a recruiter and have an interview scheduled tomorrow. Not sure what to do next besides print your resume? Don’t fret! In this episode, the guys sit down with Paige Niedringhaus to discuss the fundamentals of nailing your interview. They lay out the interview red flags that should scare you to your core, how to escape the “application blackhole”, and why the “STAR Method” is incredible for leaving an awesome impression. “If you don’t feel like you qualify, apply anyway. If it sounds interesting, just apply.” Paige Niedringhaus In This Episode: For real, though: Bootcamp or CS degree? The interview red flags that should make you run far, far away Why Paige focuses on her post-interview recovery and how to never take rejection personally How Paige escaped the “application blackhole” and stood out from her colleagues If you want to make a compelling argument for your experience, use the “STAR Method” to leave the interviewer asking for more Links Mentioned: Svelte Kit - https://ki