Episodios

  • Maintaining Storybook ft. Yann Braga - RRU 159

    Maintaining Storybook ft. Yann Braga - RRU 159
    Oct 13 2021
    Yann Braga is the maintainer of Storybook. He talks about Storybook, how it's used, new features the team is working on, and what it's like to be part of the core team actively maintaining an open source system like Storybook that is widely used to build UI systems in isolation and allow teams to see how components are used. Panel Carl MungaziPaige NiedringhausTJ Vantoll Guest Yann Braga Sponsors React Error and Performance Monitoring | SentryPodcastBootcamp.ioLevel Up | Devchat.tv Links GitHub | storybookjs/testing-reactGitHub | storybookjs/testing-vueGitHub | storybookjs/testing-vue3ChromaticStorybookHow to use Testing Library to test StorybookInteraction Testing sneak peeknewlineMealdropWelcome to Mealdrop's Storybook!Smooth design handoff with StorybookEssential addonsStorybook TutorialsStorybook for React Appsnewline - DiscordStorybook - DiscordGitHub: Yann Braga ( yannbf )Twitter: Yann Braga ( @yannbf ) Picks Carl- Design Systems with React & Storybook Carl- Shoe Dog Paige- Money Heist | Netflix Official Site TJ- Squid Game | Netflix Official Site Yann- Kena: Bridge of Spirits Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Yann Braga.Sponsored By: Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Sentry: Resolve React errors and performance issues with Sentry
    Más Menos
    Aún no se conoce
  • Composing Layouts for React ft. Travis Waith-Mair - RRU 156

    Composing Layouts for React ft. Travis Waith-Mair - RRU 156
    Sep 22 2021

    Travis Waith-Mair joins the round up to discuss how to compose layouts in React and the bedrock tools and principles that build up good layouts in React.

    Panel
    • Jack Herrington
    • Paige Niedringhaus
    • TJ Vantoll
    Guest
    • Travis Waith-Mair
    Sponsors
    • Dev Influencers Accelerator
    • Raygun | Click here to get started on your free 14-day trial
    • PodcastBootcamp.io
    Links
    • Composing Layouts in React
    • Bedrock Layout Primitives
    • Chromatic
    • The Non-Traditional Developer
    • Twitter: Travis Waith-Mair ( @travisWaithMair )
    Picks
    • Jack- Shang-Chi and the Legend of the Ten Rings
    • Paige- Davinci Resolve 17
    • TJ- Svelte
    • Travis- React Podcast

    Contact Jack:

    • Jack Herrington – YouTube
    • Blue Collar Coder
    • Twitter: Jack Herrington ( @jherr )

    Contact Paige:

    • Paige Niedringhaus
    • Paige Niedringhaus – Medium
    • Twitter: Paige Niedringhaus ( @pniedri )
    • GitHub: Paige Niedringhaus ( paigen11 )

    Contact TJ:

    • TJ VanToll's Blog
    • Progress Software
    • KendoReact
    • Twitter: TJ VanToll ( @tjvantoll )

    Special Guest: Travis Waith-Mair.

    Sponsored By:

    • Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.
    Más Menos
    Aún no se conoce
  • Leveraging Native Features in React Native featuring Youssouf EL Azizi - RRU 148

    Leveraging Native Features in React Native featuring Youssouf EL Azizi - RRU 148
    Jul 21 2021

    Youssouf EL Azizi joins the round up to talk about the best React Native libraries that allow you to leverage the native features of the platforms you run on.

    Sometimes it's hard to know how to get native features into your mobile app. Whether they're not well maintained or don't cover the widest breadth of use cases, it's hard to know sometimes which ones to use. Youssouf breaks it all down for you.

    Panel

    • Carl Mungazi
    • Paige Niedringhaus
    • TJ VanToll

    Guest

    • Youssouf EL Azizi

    Sponsors

    • Dev Influencers Accelerator
    • Raygun | Click here to get started on your free 14-day trial 

    Links

    • The best React Native libraries for leveraging native features
    • Work | Obytes
    • GitHub | obytes/react-native-template-obytes
    • How to learn TypeScript for react developers
    • No BS TS #1 - Typescript Setup & Everyday Types - YouTube
    • Youssouf EL Azizi
    • Twitter: Youssouf El Azizi ( @ElaziziYoussouf )

    Picks

    • Carl- Building Mobile Apps at Scale
    • Carl- WODE MAYA - YoutTube
    • Jack- React GUI
    • Paige- Tea brewing baskets
    • TJ- GitHub Copilot
    • Youssouf- Cal NewPort

    Contact Carl:

    • GitHub: Carl Mungazi ( CarlMungazi )
    • Twitter: Carl Mungazi ( @CarlMungazi )

    Contact Jack:

    • Jack Herrington – YouTube
    • Blue Collar Coder
    • Twitter: Jack Herrington ( @jherr )

    Contact Paige:

    • The Home Depot
    • Paige Niedringhaus
    • Paige Niedringhaus – Medium
    • Twitter: Paige Niedringhaus ( @pniedri )
    • GitHub: Paige Niedringhaus ( paigen11 )

    Contact TJ:

    • TJ VanToll's Blog
    • Progress Software
    • KendoReact
    • Twitter: TJ VanToll ( @tjvantoll )

    Special Guest: Youssouf EL Azizi .
    Más Menos
    Aún no se conoce
  • RRU 135: Redux, Redux Toolkit, OSS and More with Mark Erikson

    RRU 135: Redux, Redux Toolkit, OSS and More with Mark Erikson
    Mar 9 2021

    Returning guest Mark Erikson joins the React Round Up team to discuss how he found himself in the position of being an open source maintainer for Redux, how he's helped shepherd/author future versions of Redux (and the complete overhauls that happened when React Hooks were introcuded), and the new examples he's written for Redux Toolkit to make Redux easier for devs to get started with. Mark also addresses some commons misconceptions around React and Redux, such as: is React Context a perfect substitute for Redux (spoiler: it's not), and is Redux still relevant today (it is). Take a listen to hear about getting into open source, where Redux is headed and Mark's broader thoughts on helping the React community document and standardize all the options out there so developers have an easier time choosing the tools needed to solve their particular problems.

    Panel
    • Carl Mungazi
    • Paige Niedringhaus
    • TJ VanToll
    • Zain Sajjad
    Guest
    • Mark Erikson
    Sponsors
    • This Dot Labs
    • Dev Heroes Accelerator
    Links
    • Cheng Lou - On the Spectrum of Abstraction at react-europe 2016
    • Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
    • Coding Career Advice
    • GitHub | markerikson/react-community-tools-practices-cheatsheet
    • GitHub | markerikson/react-community-tools-practices-cheatsheet - Initial RFC: Scope and Goals #1
    • Comparison with Other Frameworks
    • Redux Style Guide#
    • Redux Essentials, Part 1: Redux Overview and Concepts#
    • Redux Fundamentals, Part 1: Redux Overview#
    • Redux Toolkit
    • RTK Query
    • JavaScript for Java-ish Developers
    • Mark's Dev Blog
    • Twitter: Mark Erikson ( @acemarke )
    • GitHub | Mark Erikson
    Picks
    • Carl- Writing for Software Developers by Philip Kiely
    • Mark- Josh Comeau
    • Paige- Open source password manager - Bitwarden
    • TJ- Bowflex SelectTech Dumbbells
    • Zain- GitHub | zalmoxisus/redux-devtools-extension

    Special Guest: Mark Erikson.
    Más Menos
    Aún no se conoce
  • BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

    BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working
    Nov 27 2020
      Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal
    Coupon Code: "DEEP" for a GIANT discount

    Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time.

    He has read hundreds of books that have taught him the secrets to getting more done by getting into this state.

    He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects.

    The trick? Deep Work!

    Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal.

    Other developers call it "Flow" or "the Zone."

    Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time.

    Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal
    Coupon Code: "DEEP" for a GIANT discount
    Más Menos
    Aún no se conoce
  • RRU 091: React Best Practices

    RRU 091: React Best Practices
    Dec 10 2019
    In this week’s episode of React Round Up the panel works their way through a blog post outlining best practices for React. The first is “keeping components small and function-specific”. The panel discusses the pros of using this best practice and how it relates to the single responsibility principle. This best practice also helps with the next, “reusability is important”. The panel considers this second best practice and points out some of its flaws. It recommends avoiding the creation of new components. The panel explains that by avoiding creating new components it saves time but can also cause problems as you adapt components to fit more projects.  The next best practice is “consolidate duplicate code”, the panel shares their philosophies on dry code and when to consolidate. The fourth best practice is comment only when necessary, Charles explains how he uses comments to help him keep track of things inside his code and the panel warns against using too many comments as it may clog up your code making it hard to read.  The fifth best practice is, “name the component after the function”. The panel explains how it is an art finding a name that is not too generic but is not overly specific; mastering the art of naming is something that will benefit everyone.  Naming relates to the sixth best practice as well. “Use capitals when naming components”. The panel explains the need for convention and advises developers not to go off-book as this will slow down others.  The last six best practices are all self-explanatory says the panel. “Separate stateful aspects from rendering” is nothing new. “Code should execute as expected and be testable”, the panel explains how this allows for trust between developers.  “All files relating to a single component should be in the same folder”, this makes everything easy to find when necessary.  “Use tools like Bit”, while the panel doesn’t use Bit, they share tool recommendations. They also comment on the progress being made it tooling and the future of automated tools. “Use snippet libraries”, the panel discusses favorite libraries and building their own libraries. The final best practice is “Follow linting rules”. Panelists Charles Wood Christopher Reyes Thomas Aylott Sponsors NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!  Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://teachablemachine.withgoogle.com/  Practical React Hooks: How to refactor your app to use Hooks  12 React Best Practices You Need to Follow in 2020  https://github.com/nadeesha/saul  https://www.facebook.com/React-Round-Up https://twitter.com/reactroundup Picks Charles Wood: White Christmas  Holiday Inn  The MaxCoders Guide To Finding Your Dream Developer Job  Christopher Reyes: https://github.com/microsoft/vscode-eslint  https://www.playingwithfire.co/  Thomas Aylott: test && commit || revert
    Más Menos
    Aún no se conoce
  • RRU 090: How Do I Introduce New Tech at Work?

    RRU 090: How Do I Introduce New Tech at Work?
    Dec 3 2019

    Today the panel is discussing how to introduce new tech at work. They agree that it’s important to get input from all teams on the decision, although it will primarily affect the development team. One should also consider the different ways people make decisions, such as through discussion or quiet thinking, and give everyone time to come to a decision. The panel talks about positive and negative examples of how to introduce new tech at work. Thomas believes that it is important to acknowledge your own biases in decision making and to try to avoid them. The React experts discuss the significance of the team dynamic and the necessity of different roles in decision making or if it is better to have an organic discovery phase. This relates to Thomas’ point about personal biases, and he believes that it is important to put people in roles that are opposite of their personality. When making decisions about new technology, it is also important to note that not all decisions require the same amount of input, and they discuss how to measure how much input is required for a decision.

    The discussion turns to methods for introducing testing, and the panelists talk about their experiences. The rule of thumb for introducing testing is to start simple, have an expected behavior, and test the output to see if it matches. Some other aspects of this discussion to consider are that introducing React Hooks could be considered introducing tech, testing is just a new process, introducing new tools, and budget concerns. Charles shares experience convincing his boss to introduce Agile practices which shows the importance of getting management to see the benefits of the new tech or strategy for themselves. The show concludes with the panel acknowledging that other than introducing tech, introducing philosophies on how to organize your code follows the same patterns as introducing technology.

    Panelists

    • Thomas Aylott

    • Charles Max Wood

    • Chris Reyes

    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

    Links

    • Vue

    • 12 React Best Practices You Need to Follow in 2019

    • Saul

    • Test && commit || revert

    • VS Code ESLint

    Picks

    Thomas Aylott

    • Teachable Machine

    Charles Max Wood

    • White Christmas

    • Holiday Inn

    Chris Reyes

    • Practical React Hooks
    Más Menos
    Aún no se conoce
  • RRU 053: Framer X and Web Development of the Past with Thomas Aylott

    RRU 053: Framer X and Web Development of the Past with Thomas Aylott
    Mar 19 2019
    Sponsors
    • Sentry use the code “devchat” for $100 credit
    • Triplebyte
    • CacheFly
    Panel
    • Lucas Reis
    • Nader Dabit
    • Charles Max Wood

    Joined by special guest: Thomas Aylott

    Episode Summary

    In this episode of React Round Up, Thomas Aylott, Founder at Things That Do Stuff, gives an overview of Framer X, explains what it is used for and how it can be beneficial for web designers. The panelists then discuss the timeline and usage of different design and developer tools along with their compatibility with various platforms. Thomas shares his front-end development experiences from 2005, the kind of technologies he learnt and how, with interesting and fun anecdotes, and also talks about about his time at Facebook.

    They discuss the fact that how Ruby on Rails has brought about a significant change in web development, work-life balance in general, and in the end, the importance of making checklists and taking ownership.

    Links
    • Things That Do Stuff
    • Thomas’s website
    • Thomas’s Twitter
    • Thomas’s GitHub
    • Thomas’s YouTube
    • Prettier
    Picks

    Nader Dabit:

    • Gödel, Escher, Bach: An Eternal Golden Braid

    Lucas Reis:

    • CSS-Tricks
    • Indirection is not Abstraction

    Charles Max Wood:

    • Check out the recent milestone episodes on Devchat.tv!
    • DevRev
    • Hiring Show Notes writers for podcasts
    • Extreme Ownership: How U.S. Navy SEALs Lead and Win

    Thomas Aylott:

    • Objective Personality
    • Notion
    • The Checklist Manifesto: How to Get Things Right

    Special Guest: Thomas Aylott.
    Más Menos
    Aún no se conoce