React Podcast

This week we sit with Erik Rasmussen to discuss forms in React.
We talk about his library redux-form and it's evolution to final-form — a framework agnostic approach to making dynamic forms easy.
Along the way the talk open source maintenance and monetization struggles.
If you've wanted open source fame, this is a good one to listen to.

Featuring

• Erik Rasmussen — Twitter, Github
• Michael Chan — Twitter, Github, Website

Links

• Github Sponsors — Fund your work. Build what matters.
• Forms — React Docs
• Redux Form — The best way to manage your form state in Redux
• Flux — Application architecture for building user interfaces
• react-final-form — 🏁 High performance subscription-based form state management for React
• vue-final-form — 🏁 High performance subscription-based form state management for Vue.js
• frontier-forms — Data-driven forms that let you focus on what matters: your application
• Build forms with GraphQL — 2019 React Europe talk by Charly Poly
• "Let a hundred flowers bloom"
• CodeFund — Ethical Advertising
• Seek Justice Podcast — A weekly deep dive into Criminal Justice with Erik Rasmussen and Dennis Schrantz
• Happy Hour — A candid and open weekly discussion between Dennis and Erik over drinks
• 💥 Introducing.... 🏁 React Final Form HOOKS!! 💥

Sponser

Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

News!

We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Eli and Subscribe for future chats!

Featuring

Eli White — Twitter, GitHub, Website
chantastic — Twitter, GitHub, Website

Links

• React Native Team Principles on the React Native blog, July 17, 2020
• ComponentKit — A declarative UI framework for iOS
• Litho — Litho: A declarative UI framework for Android
• Flutter — Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
• SwiftUI
• Jetpack Compose — Android’s modern toolkit for building native UI
• Expo — The fastest way to build an app
• React Native: Discussions and Proposals
• Fast Refresh
• Microsoft Code Push — App Center cloud service that enables Apache Cordova and React Native developers to deploy mobile app updates directly to their users’ devices
• React Native Windows on GitHub

Sponsors

AWS Amplify

AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react.

Infinite Red

In over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.

Get involved

Black Lives Matter

Please join us in donating to the Equal Justice Initiative

This week we sit down with Phani Raju.

He's a Staff Engineer at GitHub and lead on the GitHub Package Registry.
He tells us what package registries are and why GitHub is uniquely suited to take them to the next step in security, trust, and user experience.

This is an awesome chat if you'd like to learn more about where your packages may be coming from in the future.
It's also a fantastic lens into the great engineering and design thinking that is alive and well at GitHub — and how the Dear GitHub letter sparked a new wave of innovation.

Featuring

• Phani Raju — Twitter, Website, GitHub
• Michael Chan — Twitter, Website, GitHub

Links

• Introducing GitHub Package Registry
• [Github Releases](About releases) on the Github blog
• Announcing Git Large File Storage (LFS on The Github Blog
• Supply chain attack on Wikipedia
• The Problem of Package Manager Trust by Phil Haack
• Dear Github — 📨 An open letter to GitHub from the maintainers of open source projects
• Maintainer security advisories on The GitHub Blog
• Fixed vs. Growth: The Two Basic Mindsets That Shape Our Lives on brainpickings
• The Github Blog

Sponser

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i: We Vet, You Hire, It's that Simple.

Diana and Emily create design systems at Github.
Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier.
They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers.
It’s a great discussion for everyone looking to improve processes in a legacy application.

Featuring

• Diana Mounter — Twitter, Github, Website
• Emily Plummer — Twitter, Github
• Michael Chan — Twitter, Github, Website

Notes & Links

• Jon Rohan — Systems Designer at Github
• Jina Anne — Design Systems OG, DSC organizer @sf_dsc, @NYC_DSC
• NYCDSC — Design Systems Coalition meetup in New York
• Donut.js — Emily's web development meetup in Portland. Organized by Matt McVicker
• Primer Style Guide — Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework
• Minimal API Surface Area — JSConf EU talk by Sebastian Markbåge
• BEM naming methodology — Conventions for extendable and reusable interface components
• Design systems at Github — A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team
• Lerna — 🐉 A tool for managing JavaScript projects with multiple packages
• Using Figma designs to build the Octicons icon library — An article by Jon Rohan on their new icon system
• styled-system — ✨ Responsive, theme-based style props for building design systems with React
• emotion — Performant and flexible CSS-in-JS
• Probot — GitHub Apps to automate
  and improve your workflow
• Primer Component — Github's React component driven style system
• Next.js — A React framework
• MDX — Markdown for the component era.
• mdx-docs — 📝 Document and develop React components with MDX and Next.js
• Andrew Clark: React Suspense — A powerful new set of primitives for addressing longstanding problems in UI development
• @githubprimer — The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, & @emplums

This week is React Conf!
And I suspect that Suspense and Concurrent Mode will have a good showing.

So — in anticipation and excitement — I asked friend of the show, Swyx, to join me for a Suspense/Concurrent React rundown episode — covering everything you need to know so far and what we hope to see at this year's event.

Neither of us have priviliged info.
We're just two nerds who like to keep abreast of React's most exciting future feature.

Featuring

• swyx (Shawn Wang) — Twitter, Website, GitHub
• chantastic — Twitter, Website, GitHub

Links

• STAR Apps: A New Generation of Front-End Tooling for Development Workflows on CSS-TRICKS
• STAR Apps at SV Code Camp by Swyx
• JAMStack — A modern architecture —
  Create fast and secure sites and dynamic apps with JavaScript, APIs, and prerendered Markup, served without web servers
• Beyond React 16 | JSConf Iceland 2018 Dan Abramov's introduction to Async React (eventually Concurrent React) at JSConf Iceland 2018
• Fiber Reconciler doc on reactjs.org
• React Fiber Architecture — a gist by Andrew Clark
• A Cartoon Intro to Fiber — a talk by Lin Clark at React Conf 2017
• Dan's Tweet on ConcurrentMode and how it informs other React APIs
• Building The New Facebook With React and Relay — an upcoming talk by Frank Yan and Ashley Watkins on Building The New Facebook With React and Relay
• Building the New Facebook.com with React, GraphQL and Relay — talk at F8 2019 about facebook.com v2
• Relay — A JavaScript framework for building data-driven React applications
• Apollo Client — A complete state management library for JavaScript apps
• URQL — Universal React Query Library is a blazing-fast GraphQL client, exposed as a set of ReactJS components
• Getting Closure on Hooks — Swyx demonstrating a simple mental model for hooks at JSConf.Asia 2019
• [Umbrello]React Flare — Github issue for tracking the React DOM implementation of the experimental React Events API
• React Fire: Modernizing React DOM — Github issue for tracking React DOM modernization
• React Native for Web — Run React Native components and APIs on the web using React DOM. A library by Nicholas Gallagher
• Dominic Gannaway — React Core team member working on React Flare and React Fire
• The Case for React Native Web Singularity A post by Swyx on React Native for Web as a template for a future React developer experience
• SVELTE — Cybernetically enhanced web apps
• glimmer — Fast and light-weight UI components for the web
  With the attention to detail you've come to expect from Ember
• All you need to know about Ivy, The new Angular engine!
  — An article that seems to suggest it has everything you need to know about a thing I know nothing about

Sponsors

Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educa...