What's new in React

Latest Articles & Tutorials

Next.js 11 (nextjs.org)
Jun 15, 2021
Next.js 11 continues our mission to create the best developer experience with a new conformance system and performance improvements.
Technical Guide, Part 2: Integrating Hermes with React Native (callstack.com)
Jun 14, 2021
The latest React Native 0.64 release adds support for the Hermes engine on iOS, and this is a direct result of our intensive work with teams at Facebook and Microsoft.
  • Mike Grabowski
How to: React Table with Sort (robinwieruch.de)
Jun 14, 2021
In this tutorial, I want to show you how to use React Table Library with its useSort plugin for a sort feature. In the previous example, you have already installed React Table Library to create a table component. Now, we will enable users to sort columns in the table by clicking on a column's header.
How to Build a Custom Pagination Component in React (freecodecamp.org)
Jun 14, 2021
In this post, we will focus on pagination and we'll build a custom controlled component that handles page buttons based on the current page and total data count.
  • Shubham Khatri
Trying out React 18 Alpha (swizec.com)
Jun 11, 2021
React 18 is here! That's the one with concurrent mode.
How to Level Up Your React Conditionals (freecodecamp.org)
Jun 11, 2021
Do you write conditionals correctly within your React applications?
  • Reed Barger

Latest Video Guides & Talks

What You NEED To Know About React 18 (youtube.com)
Jun 14, 2021
React 18 was announced! I'm very excited! There's a lot to learn about, but right now there's 4 things you NEED to know today.
  • Harry Wolff
Intermediate React.js Coding Interview (youtube.com)
Jun 10, 2021
I give Clément an intermediate level React.js coding interview where I test his knowledge in creating a table that can sort columns and search for values.
Introduction to Hermes Engine (youtube.com)
Jun 08, 2021
React Native 0.64 comes with support In the first part of our podcast episode, Mike Grabowski and his guests: Eloy Durán and Xuan Huang, introduce the Hermes engine and discuss its biggest selling points.
  • Mike Grabowski
  • Eloy Durán
  • Xuan Huang
Let’s Learn Modern Redux! (youtube.com)
May 28, 2021
A lot has changed in Redux since it was originally created. In this episode, Mark Erikson will teach us about Redux Toolkit an React-Redux hooks.
  • Jason Lengstorf
  • Mark Erikson

Latest Books & Guides

React Native Express (reactnative.express)
Sep 01, 2020
The all-in-one guide to React Native
  • Devin Abbott
SaaS Boilerplate (builderbook.org)
Aug 11, 2020
Learn how to build a production-ready, feature-rich SaaS web application from scratch. Starting a small and independent software business is hard. This book saves weeks of effort. You'll go from 0 lines of code in Chapter 1 to over 10,000 lines of code by Chapter 10.
  • Kelly Burke
  • Timur Zhiyentayev
    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!

    Latest Courses & Video Series

    React and TypeScript (frontendmasters.com)
    May 25, 2021
    Learn to use TypeScript with React through building a series of React components. You’ll explore the types that come with React that allow you to infer the properties of your components, look at tips and advice for migrating your application from JavaScript to TypeScript, and learn advanced patterns for building flexible and type-safe components.
    Complete Intro to React, v6 (frontendmasters.com)
    May 04, 2021
    Much more than an intro, you’ll start from the ground up, getting to using the latest features in React, including hooks, effects, context, and portals. Throughout the course, you’ll piece together tools from the entire React ecosystem (like Parcel, ESLint, Prettier, and React Router) to build a complete application to browse adoptable pets!
    Intermediate React, v3 (frontendmasters.com)
    May 04, 2021
    This course is modular, where you can pick and choose various react ecosystems you want to learn. You’ll learn hooks in-depth, CSS-in-JS with TailwindCSS, increase performance with code splitting and server-side rendering, add TypeScript, state management with Redux, test your app with Jest …and more!
    Production-Grade Next.js (frontendmasters.com)
    Mar 02, 2021
    Take Next.js to the next level through building a production-ready, full-stack React app. You’ll add authentication to your app, add the ability to generate hundreds of pages performantly, preview your content, query a database, and use a CMS with Next.js. Then deploy your app to production using the Vercel platform.
    • Scott Moss
    Gatsby with Wordpress (weibenfalk.teachable.com)
    Jan 13, 2021
    Become a pro using Gatsby in combination with Wordpress as a headless CMS.
    • Thomas Weibenfalk
    Code 15 React Projects - Complete Course (youtube.com)
    Oct 27, 2020
    Improve your skills with the React JavaScript library by building 15 projects using React.
    • John Smilga

    Latest Podcast Episodes

    Jenn Creighton on Composition and Architecture (reactpodcast.com)
    Nov 12, 2020
    Jenn Creighton talks with chantastic about component architecture, composition from a perspective of writing, mastering interpersonal communication, and feeling your feelings. She shows us how to save ourselves from the "apropcalypse" by leaning into age-old patterns of composition and organization.
      Tom Preston-Werner on RedwoodJS (reactpodcast.com)
      Nov 05, 2020
      Tom Preston-Werner is building a full-stack framework for React and GraphQL developers. In this episode we talk about RedwoodJS, a framework that's bringing full-stack to Jamstack.
        Eli White on Principles and React Native (reactpodcast.com)
        Oct 22, 2020
        Eli White shares the five core principles guiding React Native devolvement: native experience, at massive scale, fueling developer velocity, on every platform, with declarative ui.
        Kent C. Dodds on Epic React (reactpodcast.com)
        Oct 01, 2020
        Kent C. Dodds spills the tea on his latest course, workshop, masterclass, creation Epic React.
        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

          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.