What's new in React

Latest Articles & Tutorials

React Query — An Underrated State Management Tool (blog.bitsrc.io)
Sep 18, 2020
In this article, let’s discuss how React Query addresses the above-mentioned issue by building a small pokemon application and diving into its key concepts.
  • Tharaka Romesh
Integrate Next.js & Contentful (netlify.com)
Sep 17, 2020
We will be building a simple demo site like this one, and you can clone the repo for it here. You’ll need to do the Set up Contentful and Set up Netlify steps to make it work for you!
  • Cassidy Williams
My State Management Mistake (epicreact.dev)
Sep 17, 2020
When I started at PayPal, the app I started with used Redux for its state management (like pretty much every other React app at the time). This was the first React product I'd ever worked on and I was excited to use the latest and greatest tools for state management.
Using Next.js with Stitches (stitches.dev)
Sep 17, 2020
A simple guide to use Next.js with Stitches.
  • Pedro Duarte
How to Build a Jamstack Site with Next.js and Vercel (freecodecamp.org)
Sep 17, 2020
The Jamstack architecture is a modern approach to an old idea: making fast, static websites, but making them dynamic with tools like JavaScript.
  • Colby Fayock
Comparing Styling Methods In Next.js (smashingmagazine.com)
Sep 17, 2020
Among others, Next.js has dubbed itself: The React Framework for Static Websites. But just like every other framework whose goal is to help you build what matters by abstracting common, redundant tasks, you’re often required to learn something new and opinionated. With Next.js, one of the things you need to know is how to integrate different CSS methods with its API, and that is the focus of this tutorial.
  • Adebiyi Adedotun Lukman

Latest Video Guides & Talks

React Native Shared Element Transition React Navigation V5 - Episode 2 (youtube.com)
Sep 16, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create a parallax carousel animation using React Native Animated API and FlatList.
  • Catalin Miron
Fluid Body Animation (youtube.com)
Sep 15, 2020
Fluid body animation using Bézier Curves and Reanimated 2.
React 17 (youtube.com)
Sep 11, 2020
React 17 is coming, so let's talk about all the new features that will be available!!
React Native Shared Element Transition in React Navigation V5 (youtube.com)
Sep 09, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create an advanced carousel animation using React Native Animated API.
  • Catalin Miron

Latest Books & Guides

React Native Express (reactnative.express)
Sep 01, 2020
The all-in-one guide to React Native
  • Devin Abbott
Learning React, 2nd Edition (oreilly.com)Get it on Amazon
Jun 30, 2020
If you want to learn how to build efficient React applications, this is your book. Ideal for web developers and software engineers who understand how JavaScript, CSS, and HTML work in the browser, this updated edition provides best practices and patterns for writing modern React code. No prior knowledge of React or functional JavaScript is necessary.
The Ultimate Guide to React Native Optimization (callstack.com)
May 14, 2020
This guide is a collection of the most relevant and effective tips, tricks, tactics, and solutions for optimizing React Native apps. They are based on our experience as senior developers and Core Contributors to React Native.
  • Mike Grabowski
  • Jakub Mazurek
The Road to learn React (roadtoreact.com)
Feb 24, 2020
The Road to learn React book teaches you the fundamentals of React. You will build a real world application along the way in plain React without complicated tooling.
The Next.js Handbook (flaviocopes.com)
Nov 19, 2019
I wrote this book to teach you all I know about Next.js!
Build your own React (pomb.us)
Nov 13, 2019
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
  • Rodrigo Pombo

Latest Courses & Video Series

useEffect Over Lunch (useeffectoverlunch.com)
Sep 18, 2020
Get confident with useEffect in under an hour.
Eject create-react-app and Use Gatsby for Advanced React App Development (egghead.io)
Aug 25, 2020
Once you've got a grasp on the basics, Khaled will share his process for migrating an existing application built with Create-React-App project over to the Gatsby way of doing things.
  • Khaled Garbaya
Design Systems with React & Storybook (frontendmasters.com)
May 12, 2020
In this course, you'll create a design system from scratch and learn the foundational design concepts that go into one. You'll design your components using Figma, then take those designs and turn them into coded components using React.
  • Emma Bostian
React: The Big Picture (pluralsight.com)
May 11, 2020
Interested in React? This course explores why React is worth considering, tradeoffs to consider, and reasons React may, or may not be the right fit for you.
React Native, v2 (frontendmasters.com)
May 05, 2020
Leverage your JavaScript and React skills for mobile iOS and Android platforms using React Native. Examples in this course allow you to get started quickly and see your changes immediately in React Native using Expo, or use pure React Native standalone if you prefer. You’ll use native components for rendering lists, building forms, and styling them with CSS.
  • Kadi Kraman
The Road to React: The one with Hooks (educative.io)
Apr 21, 2020
In this course you will take a deep dive into React fundamentals, covering all new React concepts including Hooks. I do address some legacy features in case you’re working with an older codebase, but the majority of this course will focus on working with modern React. You will learn how to style your app, techniques for maintaining your app, and some more advanced concepts like performance optimization.

Latest Podcast Episodes

Sam Selikoff on Finding a Full Stack React (reactpodcast.com)
Sep 17, 2020
Sam Selikoff and chantastic dissect the challenges of transitioning from bundled, batteries-included frameworks (like Rails) to unbundled, choose your own adventures frameworks like React.
    Arunoda Susiripala — Building Storybook, Meteor, Next and communities on open source (anchor.fm)
    Aug 22, 2020
    Arunoda is a prolific open source contributor, having built Storybook, and being a core contributor to MeteorJS and NextJS. He and I talk about how he started his career in open source, which led to him freelancing, then building Kadira (an performance monitoring tool for MeteorJS) and Storybook. After leaving the Meteor community he went on to work with Vercel as a maintainer of NextJS and their core hosting platform.
    • Arunoda Susiripala
    • Matthew Weeks
    Tom Coleman on Storybook v6 (reactpodcast.com)
    Aug 13, 2020
    Tom Coleman tells us what's new in Storybook 6. He elaborates on headline features of controls, composition, and args and how they'll take your component documentation and exploration to the next level!
    Kadi Kraman — React Native, leading teams, and consulting for major companies (anchor.fm)
    Aug 09, 2020
    Kadi talks to me about her React Native course on Frontend Masters, and her career as an engineer. Kadi is a senior engineer and engineering manager at Formidable Labs.
    • Kadi Kraman
    • Matthew Weeks
    Smashing Podcast Episode 18 With Mina Markham: How Can I Learn React? (smashingmagazine.com)
    Jun 16, 2020
    In this episode of the Smashing Podcast, we’re talking about learning React. What’s React like to work with, and how can experienced developers get started? Drew McLellan chats to Mina Markham to find out.
    • Drew McLellan
    • Mina Markham
    Michael Chan Encapsulates State (kentcdodds.com)
    May 19, 2020
    Michael Chan talks about co-location, encapsulation, and CSS grid.

    Latest Library Releases

    pimg (pimg.surge.sh)79
    Aug 12, 2019
    Pimg is a Progessive Image Component For React, Preact and Vue.js.
    • Ademola Adegbuyi
    react-hot-loader (gaearon.github.io)10246
    Aug 12, 2019
    Tweak React components in real time
    react-intl (github.com)9446
    Aug 12, 2019
    Internationalize React apps
    reakit (reakit.io)1573
    Aug 12, 2019
    Toolkit for building interactive UIs with React
    • Diego Haz
    flow-bin (flow.org)18943
    Aug 11, 2019
    Adds static typing to JavaScript to improve developer productivity and code quality
    react-bootstrap (react-bootstrap.github.io)15007
    Aug 10, 2019
    Bootstrap components built with React.
    • Jimmy Jia
    • Alexander Shemetovskiy
    • Jason Quense
    • Stephen J. Collings
    • Matt Smith
    • Pieter Vanderwerff

    Latest Jobs

    Front End Engineer (React.js) (snap.hr)
    Oct 31, 2019
    Hostmaker is a Series B funded fast-growing business backed by institutional funding from technology, hospitality and real estate investors. We’re looking for passionate Front End Engineers to join our global tech and product team. Ideally, you will have at least 3+ years’ on-the-job Front End experience.
        Experienced React Engineer (jobs.lever.co)
        Formidable / Phoenix, US
        Sep 24, 2019
        Formidable is a Seattle, Denver, Phoenix, and London-based boutique engineering consultancy and open source software organization, specializing in React.js, React Native, GraphQL, Node.js, and the architecture of large-scale JavaScript applications. As a React Engineer at Formidable in our Phoenix Office, you will implement new applications, features, and tools for companies ranging in size from startups to Fortune 100s.
            React Native Engineer (stackoverflow.com)
            Codal / Remote
            Sep 17, 2019
            Codal is a UX design and development agency with a focus on blending an Agile process with the latest technologies. Codal is searching for an experienced React Native developer, a software engineer who specializes in the mobile app framework.
                Frontend Engineer (alacrity.workable.com)
                Alacrity / London, UK / Remote
                Sep 04, 2019
                Alacrity is a well funded early-stage startup founded by seasoned legal, finance and procurement professionals. We're looking for a mid-level frontend engineer to build high-quality, well-tested, and robust web application. You will have a chance to get involved in the application architecture decisions as well as product design. Ideal candidates will be self-motivated, collaborative, passionate, open to new ideas as well as happy to mentor others.
                    Remote Senior Full-stack JavaScript Engineer (React / Node.js) (notion.so)
                    Aula / Remote
                    Sep 04, 2019
                    Aula is a remote-first 50-person team building a social learning platform. Our mission is to enable all educators to engage all students. We’re looking for a seasoned full-stack engineer to build features across the entire stack (front-end, back-end, mobile) and challenge our thinking on architecture.
                        Senior React Native Developer (mobiquityinc.com)
                        Mobiquity / Remote (US)
                        Aug 23, 2019
                        Mobiquity is a digital consultancy that partners with the world's leading brands to design and deliver compelling digital products and services for our customers. We are searching for Senior React Native developers to join our team! We have multiple openings working with a number of different teams to build different solutions for our clients.