React Round Up

TJ VanToll hops on the Round Up to discuss when and where it makes sense to use open source UI components versus paying for them. The tradeoffs wind up being more subtle than you think. We dive into team make-up, pros and cons, and the approaches to making the right decision on which library to pick up. Panel:

• Thomas Aylott
• Charles Max Wood

Guest:

• TJ VanToll

Sponsors:

• Springboard | Click here NOW for $500 off the course
• G2i | Enjoy the luxuries of freelancing

____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links:

• Reach UI

Picks: TJ VanToll:

• Follow TJ on Twitter @tjvantoll, Github, Blog
• Stranger Things
• How Did This Get Made

Thomas Aylott:

• OPT 9 Coin System exploration toy
• Objective Personality | Objective Personality Systems

Charles Max Wood:

• The Expanse
• The Man In the High Castle

  Follow React Round Up on Twitter > @reactroundup  Special Guest: TJ VanToll.

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.

Travis Ralph works with With You With Me to help veterans transition from military service to IT jobs. He discusses the process of making the move from military service to software development, why they use React as part of their curriculum, and how to learn new skills. Panel:

• Thomas Aylott
• Carl Mungazi
• Charles Max Wood

Guest:

• Travis Ralph

Sponsors:

• Springboard | Click here NOW for $500 off the course

____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links:

• RRU 095: Designing Your Life
• Amplify.io React & React Native Docs
• Offensive Security Certified Professional

Picks: Thomas Aylott:

• Watchtower Online Library

Carl Mungazi:

• React Libraries in 2020 - RWieruch
• Loupe
• Teach Yourself Computer Science

Charles Max Wood:

• New Devchat.tv Podcast - Clean Coders
• Interview Cake (Affiliate link)
• Hero Wars Mobile Game

Travis Ralph:

• Follow Travis on Twitter - @Wreckittr, LinkedIn
• With You With Me
• Amplify Web App Workshop
• Learn to Code for Free – Grasshopper

Special Guest: Travis Ralph.

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.

Chuck and Thomas get together to discuss their favorite parts of the React Round Up. They talk about origins, favorite episodes, and the history of React. Panel

• Charles Max Wood
• Thomas Aylott

Sponsors

• Springboard | Promo code "JABBER" gives $500 off the job-guaranteed Course
• G2i

________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Picks Thomas Aylott:

• Principles for Success by Ray Dalio
• Pandemic

Charles Max Wood:

• Ready, Fire, Aim by Michael Masterson
• Legendary: A Marvel Deck Building Game

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.

Tejas, Thomas, and Chuck talk about what Design Systems are, how they're used, and what goes into building them. The compare them to some UI libraries that don't quite meet the mark and talk about how they fit into the development ecosystem and people's career paths. Panelist

• Charles Max Wood
• Thomas Aylott

Guest

• Tejas Kumar

Sponsors

• G2i

____________________________________________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________________________________________ Links

• Scalable Design Systems with TypeScript Tejas Kumar Talk
• Monaco Editor
• Operational UI
• Kent Dodds - Introducing Downshift for React
• Reach UI

Picks Charles Max Wood

• Hasura
• The Name of the Wind
• Clean Coders Podcast

Thomas Aylott

• The Checklist Manifesto

Tejas Kumar

• Follow Tejas on Twitter
• https://github.com/TejasQ
• https://tej.as
• next.js
• Beautiful Letdown by Switchfoot
• Power Mentoring book by Susan Murphy

Special Guest: Tejas Kumar.

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.

Brittany is a software engineer for Formidable Labs. She’s a team lead for some client work and likes to poke around in their open-source stuff in her free time. Last year she gave a talk at ReactConf called ‘Accessibility is a Marathon, Not a Sprint’. She talks about her background and how she came to specialize in accessibility. Brittany believes there are a lot of small things you can do to make your website more accessible, and that following best practices in accessibility makes the website easier to navigate for the able-bodied as well. She emphasizes that having accessibility in mind from the get-go will make your website more organized overall and that making things more accessible is as easy as starting with semantic HTML. Brittany and Charles discuss the moral responsibility for businesses to make their website accessible and whose responsibility it is to enforce accessibility. Brittany feels that accessibility really isn’t that hard, but people just don’t know what it looks like or where to get started. Brittany shares some methods to improve accessibility that take very little extra effort. One of the best things you can do is use semantic HTML. To learn things like what is a header, footer, article tag, etc. is, she advises listeners to consult the documents. She talks about the importance of a good pull request and even enlisting coworkers to help you to remember to use these accessibility-friendly methods. Charles and Brittany talk about using heading outline extensions to help you see what content is getting scraped off your site. Once semantic HTML is in place, they suggest testing to see if your site works with accessibility tools like screen readers, or if you can navigate with just a keyboard. They talk about different extensions that mimic visual impairments to ensure your pages are readable. The show concludes with Brittany talking about how this all ties into React.  Panelist

• Charles Max Wood

Guest

• Brittany Feenstra

Sponsors

• NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course! 
• Sentry | Use the code “devchat” for $100 credit

____________________________ > "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links

• Formidable Labs
• Accessibility is a Marathon, not a Sprint
• Deaf man sues Pornhub over lack of captions
• HTML elements reference
• Eslint-plugin-jsx-a11y-npm
• headingsMap for Chrome
• headingsMap for Firefox
• Marcy Sutton
• noCoffee
• Color contrast analyzer
• Writing Automated Tests for Accessibility
• Lighthouse
• Axe by Deque
• JSJ 344: Inclusive Components with Heydon Pickering

Picks Brittany Feenstra

• Follow Brittany on Twitter
• Inclusive Components by Hendon Pickering
• Becoming by Michelle Obama

Charles Max Wood

• The Name of the Wind
• Group coaching course for finding jobs and staying current
  • devchat.tv/workshops

Special Guest: Brittany Feenstra.

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.

Guest Becca Bailey gave a talk at ReactConf in 2019 called The State of React State in 2019 and will be giving another talk at an upcoming conference. She gives a summary of her ReactConf talk, which was inspired by her experiences she has had as a developer. In her talk, she talks about different tools and testing for state management. She and the panelists discuss how to recommend changing tools to a team instead of individuals. She shares some experiences from her job. They discuss ways to keep a work culture from turning toxic and how to start the conversation about state management. The React experts talk about strategies when you chose something for a project that ends up being the wrong decision, and prevent poor decisions like that in the future. It’s important to strike a balance between preparing for the future and anticipating it. Becca and the panel discuss alternatives to using Redux for state management, and some of the advantages of using it. They discuss how to decide what is put into local versus global state and how to know when you can depreciate shared state. Becca has helped teams decide what conventions they will use moving forward for managing local and global state, which gives you a standard for code reviews that reduces decision fatigue. They discuss common use cases for refactoring. Put simply, refactoring becomes necessary when it becomes hard to make simple changes. Becca also talks about being intentional about managing team culture and ways to prevent problems from arising in the future.  Panelists

• Thomas Aylott
• Dave Cooper
• Charles Max Wood

Guest

• Becca Bailey

Sponsors

• NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course! 
• G2i

____________________________ > "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links

• Becca’s ReactConf Talk
• Formidable
• Redux
• React Context
• Angular
• Dojo.io
• Prettier

Picks Thomas Aylott

• Roam Research

Charles Max Wood

• Bose Soundlink Headphones

Dave Cooper

• Styled components
• Gatsby

Becca Bailey

• Victory
• Brotopia

Special Guest: Becca Bailey.

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 this episode of React Native Radio Charles Max Wood continues interviewing speakers at RxJS Live. First, he interviews Mike Ryan and Sam Julien. They gave a talk about Groupby, a little known operator. They overview the common problems other mapping operators have and how Groupby addresses these problems. The discuss with Charles where these types of operators are most commonly used and use an analogy to explain the different mapping operators.    Next, Charles talks to Tracy Lee. Her talk defines and explains the top twenty operators people should use. In her talk, she shows real-world use cases and warns against gotchas. Tracy and Charles explain that you don’t need to know all 60 operators, most people only need about 5-10 to function. She advises people to know the difference between the different types of operators. Tracy ends her interview by explaining her desire to inspire women and people of minority groups. She and Charles share their passion for diversity and giving everyone the chance to do what they love.   Dean Radcliffe speaks with Charles next and discusses his talk about making React Forms reactive. They discuss binding observables in React and how Dean used this in his business. He shares how he got inspired for this talk and how he uses RxJS in his everyday work.     The final interview is with Joe Eames, CEO of Thinkster. Joe spoke about error handling. He explains how he struggled with this as did many others so he did a deep dive to find answers to share. In his talk, he covers what error handling is and what it is used for. Joe outlines where most people get lost when it comes to error handling. He also shares the three strategies used in error handling, Retry, Catch and Rethrow and, Catch and Replace. Charles shares his admiration for the Thinkster teaching approach. Joe explains what Thinkster is about and what makes them special. He also talks about The DevEd podcast.  Panelists

• Charles Max Wood

Guests

• Mike Ryan 
• Sam Julien
• Tracy Lee
• Dean Radcliffe
• Joe Eames

Sponsors

• NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course! 
• CacheFly

____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________   Links

• https://www.rxjs.live/
• RxJS Live Youtube Channel
• https://twitter.com/mikeryandev
• https://twitter.com/samjulien
• https://twitter.com/ladyleet?
• https://www.npmjs.com/package/rx-helper
• https://twitter.com/deaniusol
• https://twitter.com/josepheames
• https://devchat.tv/dev-ed/
• https://www.facebook.com/React-Round-Up
• https://twitter.com/reactroundup

Special Guests: Dean Radcliffe, Joe Eames, Mike Ryan , Sam Julien, and Tracy Lee.

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 this episode of React Round Up Charles Max Wood hosts a solo podcast sharing his perspective on designing your perfect life. In this episode he addresses finding your dream job, building your dream life, and staying current. Start by deciding where you want to end up. Do you see yourself retiring? Working forever? Charles shares his vision for his future and discusses the retirements of others in his life.  Working back from the end of your life, Charles has you ask yourself what kind of life and career you want. Charles shares his vision for both his personal life and his career. After you pick your goal, build the skills, and knowledge to reach that goal. He uses the example of becoming a speaker at conferences. He also recommends you find a mentor or someone who has sone what you want to and get there help. Charles explains how important it is to get out of your own way mentally. Many people find reasons real or imagined as to why they can’t reach their goal. He agrees that the world is unfair and barriers can be real. The best way to show others they can overcome barriers is by doing it yourself and working towards your goals. You can if you believe you can and you work for it.  Panelists

• Charles Max Wood

Sponsors

• NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course! 
• G2i
• CacheFly

____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________   Links

• https://www.facebook.com/React-Round-Up
• https://twitter.com/reactroundup

Picks Charles Wood:

• The Riftwar Cycle
• The Man in the High Castle

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 this episode of React Round Up Charles Max Wood interviews speakers at GitLab Commit 2019. Eddie Zaneski from Digital Ocean talks about "Creating a CI/CD Pipeline with GitLab and Kubernetes in 20 minutes", Shamiq Islam from Coinbase talks about "Closing the SDLC Loop- Automating Security" and Jasmine James, from Delta Airlines, discusses " How Delta Became Cloud Native-Avoiding the Vendor Lock". Eddie, Shamiq, and Jasmine give the 5 min "elevator pitch" for the talks they gave at the conference. In his talk, Eddie deploys a fake startup going through the whole pipeline: building the application, containerizing an application and shipping it off to Kubernetes. Shamiq, talks about how the conventional approach to security is to consider it at the very end after all developer has wrapped up their work and why that should change. Jasmine explains more in-depth what it means for a big corporation like Delta to be in a Vendor Lock. Sponsors

• NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!
• Sentry use the code "devchat" for 2 months free on Sentry's small plan
• ABOUT YOU | aboutyou.com/jobs
• Cachefly

Links

• Creating a CI/CD Pipeline with GitLab and Kubernetes in 20 minutes by Eddie Zaneski
• Hacktoberfest presented by DigitalOcean and DEV
• Commit Brooklyn 2019: Closing the SDLC Loop - A Security Panel by Shamiq Islam
• Commit Brooklyn 2019: How Delta Became Truly Cloud Native - Avoiding the Vendor-Lock by Jasmine James

Special Guest: Eddie Zaneski.

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 this episode of React Round Up Charles Max Wood interviews speakers at JAMstack Conf SF. Mandy Michael gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk.    Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below.    Next, Charles interviews Shawn Erquhart work runs the Netlify CMS project. Charles shares his experience using Netlify and Shawn addresses some of the issues Charles has come across. Charles does say the using Netlify is simple, clean and nice. Shawn shares the origin story of Netlify. They discuss what it means to be a git-based content management system.    They discuss how to contribute to the Netlify CMS open source project. Charles mentions his book and they discuss how contributions to open source projects like these are a great way to get a job. Shawn explains how to get started implementing Netlify CMS and how they target different static site generators. Finally, Charles talks with Tammy Everts. Tammy gives a listeners a sneak peek into her talk about website performance, more specifically JavaScript performance. Charles discusses the performance of Devchat.tv and Google Lighthouse scores. Tammy explains that while Google Lighthouse is good it isn’t completely reliable and can miss chunks of time when your JavaScript is failing and you have unhappy users. Tammy shares ways to drill down and see how your JavaScript is behaving in the wild. She talks about blocking Javascript which every developer is familiar with and non-blocking JavaScript that has high blocking CPU time which makes for janky sites. Tammy and Charles discuss what CPU is and what it measures. Tammy names resources and tools to help avoid this problem.  Rules of thumb for avoiding these issues are explained by Tammy. First, Reduce, make sure all the JavaScript needs to be there. Next, Monitor, track your metrics. She also suggests working with vendors and maintaining a performance budget for metrics that matter. The interview ends with a little about Speedcurve and what they do. Tammy is the CXO of Speedcurve.  Panelists

• Charles Max Wood

Guest

• Mandy Michael
• Shawn Erquhart
• Tammy Everts

Sponsors

• NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!
• Sentry use the code “devchat” for 2 months free on Sentry small plan
• Cachefly

Links

• https://www.netlify.com/
• https://www.netlifycms.org/
• https://twitter.com/erquhart
• https://jamstackconf.com/sf/
• https://variablefonts.dev/
• https://codepen.io/collection/XqRLMb/
• https://twitter.com/Mandy_Kerr?
• https://speedcurve.com/
• https://twitter.com/tameverts?
• https://www.facebook.com/React-Round-Up
• https://twitter.com/reactroundup

Special Guests: Mandy Michael, Shawn Erquhart, and Tammy Everts.

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.