What's new in React

Latest Articles & Tutorials

Challenges and opportunities of Building React and React Native Apps – Discussion with Wix.com (callstack.com)
Jun 24, 2020
Last Thursday, together with Mike Chudziak, we joined Wix.com to chat about various challenges and opportunities when it comes to building React and React Native applications in today’s world.
  • Mike Grabowski
  • Mike Chudziak
  • Wix
Composing Documents with MDX: Markdown for the Component Era (blog.bitsrc.io)
Jun 24, 2020
Build React UI components and MDX content components to compose and style a markdown document. Then, publish all components with Bit.
  • Eden Ella
A Practical Guide To Testing React Applications With Jest (smashingmagazine.com)
Jun 24, 2020
Building a well-functioning application requires good testing; otherwise, knowing whether your application works as expected would be a matter of guesswork and luck. Jest is one of the best tools available for testing React applications.
  • Adeneye David Abiodun
Create an Animated Product Review Display with React Native (codedaily.io)
Jun 24, 2020
Building reviews into an application is a common necessity for any developer. This is a design that can be added to both web and or native.
  • Jason Brown
JavaScript concepts to master before learning React (blog.logrocket.com)
Jun 23, 2020
The goal of this article is to help aspiring React developers get started by highlighting the JavaScript they ought to master before really diving into React.
  • Sebastian Weber
What’s New in Next JS 9.4 (telerik.com)
Jun 23, 2020
Let's explore the new features that shipped with Next.js 9.4, including fast refresh, integrated web vitals reporting, new environment variables support and more.
  • Nwose Lotanna Victor

Latest Video Guides & Talks

Building a Backend for React with Next.js, Prisma 2, and Postgres (youtube.com)
Jun 24, 2020
In this video we will take an existing React app using Google Maps, and using Next.js (API routes), Prisma 2, and Postgres, we will learn how to read data from, and save data to our database.
React Material-UI Themes: Customize Material Components for your Project (youtube.com)
Jun 24, 2020
In this video, we will have a look at how you can customize react material-ui to align with your company identity (design system) and products.
  • Bruno Antunes
Beautiful Trigonometry - React Native (youtube.com)
Jun 23, 2020
In this video, we are building some of the animations from the Beautiful Trigonometry from Numberphile.
Posting Data to Server from React - Query Updates from Mutations (youtube.com)
Jun 18, 2020
In React you often need to persist data to the server. This video shows how to use react-query mutation functionality to post data to the server, and update the UI with fresh content. We cover three approaches to UI updates, going from easiest but worst performing, to most complicated but best performing.
Uber Swipe to Delete - “Can it be done in React Native?” (youtube.com)
Jun 16, 2020
In this video, we are looking at the Uber Eats Swipe to Delete user interaction.
Reanimated 2 Transitions (youtube.com)
Jun 09, 2020
In this video, we look at transitions with Reanimated 2.

Latest Books & Guides

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
Learn React Hooks (packtpub.com)
Oct 18, 2019
Create large-scale web applications with code that is extensible and easy to understand using React Hooks.
  • Daniel Bugl
Framer Guide to React (framer.com)
Oct 01, 2019
In recent years, React has become the de facto way to build big and fast web apps in JavaScript. This is great news for designers, because React is component-based and naturally aligns with the way designers work today. If you’ve been wanting to dive into React, then this is the e-book for you.
  • Koen Bok

Latest Courses & Video Series

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.
Using TypeScript with React (educative.io)
Apr 21, 2020
In this course, you will learn how to utilize TypeScript’s sophisticated type system to make React development faster and your code more readable. You will learn how to create component props, state, and events that are strongly-typed, allowing you to quickly understand what you can pass and helping you avoid mistakes.
  • Carl Rippon
React Tracked: Creating Web Apps with Global State (educative.io)
Apr 21, 2020
In this course, you will create a to-do app. But before diving into creating an application, you’ll first learn how React Tracked can solve common performance issues around render optimization. Once you learn how to work with this library, you’ll then build a to-do app through two different methods.
  • Daishi Kato

Latest Podcast Episodes

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.
Tanner Linsley Separates UI State And Server State (kentcdodds.com)
May 19, 2020
Tanner Linsley talks about creating libraries and separating UI state and server state.
Matt Perry on Magic Motion and React Performance Anxiety (reactpodcast.com)
May 14, 2020
This week Matt Perry tells about Magic Motion — the killer new feature for Framer Motion that makes shared element transitions easy for React developers.
Chance Strickland on Reach UI and Building Composable Open Source (reactpodcast.com)
Apr 30, 2020
Chance Strickland and chantastic talk about Reach UI and building flexible libraries for the web. They talk about separation of logic with statecharts, the cascading complexity of accessibility, unopinionated approaches to styling, and the career effects of great open source.
    Building Full-Stack JS Apps with Redwood.js (fullstackradio.com)
    Apr 22, 2020
    In this episode, Adam is talks to Tom Preston-Werner about Redwood.js, a new full-stack JavaScript framework for building edge-ready web applications.
    • Adam Wathan
    • Tom Preston-Werner

      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.