What's new in React

Latest Articles & Tutorials

When to useLayoutEffect Instead of useEffect (daveceddia.com)
Sep 20, 2019
There are two React hooks, useEffect and useLayoutEffect, that appear to work pretty much the same.
The ultimate guide to drag and drop in React (blog.logrocket.com)
Sep 20, 2019
Drag and drop UI has become an integral part of most modern applications. It provides richness in UI without comprising the UX.
  • Paramanantham Harrison
React Dev Tools — Debug Like a Ninja (dev.to)
Sep 20, 2019
React team launched a new version of the React Dev Tools (v4) a few weeks ago and it’s fantabulous. It gives you debugging superpowers to navigate through your tree, trace data flow, spot weak links and optimise for perf.
  • Dinesh Pandiyan
Expo SDK 35 is now available (blog.expo.io)
Sep 20, 2019
Expo SDK v35.0.0 is out today and is based on React Native 0.59.8, the same React Native version as SDKs 33 and 34.
  • Eric Samelson
Why You Rendering, React? (itnext.io)
Sep 19, 2019
However you put your app together, it’s always a good idea to ensure your components and state changes are triggering re-rendering as expected. That’s especially important if you have costly components to re-render.
  • Cheri Hung
Thinking in React Hooks (wattenberger.com)
Sep 19, 2019
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks.
  • Amelia Wattenberger

Latest Video Guides & Talks

Convert a React Native Project to Typescript in 10 Minutes (youtube.com)
Sep 21, 2019
This talk will show you all the steps involved in converting a React Native project to TypeScript, as well as many of the pitfalls and gotchas that you might encounter along the way.
  • Alex Hinson
Build a Gatsby Transformer Plugin for Cloudinary (youtube.com)
Sep 20, 2019
In a marathon solo stream, Jason builds out most of a Gatsby transformer plugin to upload local files to Cloudinary and add support for using Cloudinary images in gatsby-image.
  • Jason Lengstorf
Deploy a Gatsby Site + API Using ZEIT Now (youtube.com)
Sep 19, 2019
How simple can it be to create a website, get a custom domain, build a serverless API, configure automatic deployments, and take the whole thing live? With ZEIT’s suite of tools, it can be pretty dang simple.
  • Jason Lengstorf
  • Leo Lamprecht
JWT Authentication Node.js Tutorial with GraphQL and React (youtube.com)
Sep 19, 2019
Learn how to add JWT authentication to your project with this fullstack tutorial using Node.js, Typescript, GraphQL, React, and PostgreSQL.
React Hooks: useContext (youtube.com)
Sep 18, 2019
Let's see how to combine useReducer and useContext to create a powerful pattern that allows us to encapsulate complicated nested state, and provide simple state values and action functions to any children of our Context Provider.

Latest Books & Guides

The Guide to Learning React Hooks (telerik.com)
Aug 26, 2019
Learn all about React Hooks with this hands-on guide. Includes tutorials and code examples on using hooks for state and effects, for context and for reducers (Redux), plus creating custom React hooks.
  • Eric Bishard
Pure React (daveceddia.com)
Aug 25, 2019
Learn vanilla React, without all the libraries. A hands-on, learn-by-doing intro to React for beginners.
Build Your Own React Universal Blog App (sitepoint.com)
Jul 26, 2019
A practical walkthrough of building a flexible and reactive app with React. You’ll start with a local server, create a production bundle, progress to components and finally render your app.
  • Michael Wanyoike
  • Pavels Jelisejevs
  • Tony Spiro
Get Started with React Native (sitepoint.com)
Jul 26, 2019
In this guide, this first in a series, we’ll take a closer look at React Native, and get you up and running with the basics.
  • Wern Ancheta
  • Akshay Kadam
  • Mehul Mohan
  • Daniel Schmidt
web.dev React guide (web.dev)
May 08, 2019
Build performant and progressive React applications.
  • Houssein Djirdeh
Reintroducing React (leanpub.com)
May 02, 2019
Modern React with Every React Update Since v16 Demystified (includes advanced hooks)
  • Ohans Emmanuel

Latest Courses & Video Series

React Basics (ultimatecourses.com)
Sep 19, 2019
Take a dive into the React world, complete with the brand new Hooks API. Learn how to “think” in components, dataflow and master JSX to build React applications the modern way.
  • Almero Steyn
React.js - Create a Movie App (weibenfalk.teachable.com)
Sep 16, 2019
Learn React.js in a fun and projected oriented way.
  • Thomas Weibenfalk
React for Data Visualization (reactfordataviz.com)
Sep 05, 2019
Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization.
Gatsby JS Basics (javascriptforwp.com)
Aug 27, 2019
In this course we learn the basics of how to use Gatsby JS, the React framework for building static sites.
  • Zac Gordon
React Native Gestures and Animations (start-react-native.dev)
Aug 25, 2019
Learn to leverage the power of declarative gestures and animations in order to build delightful user experiences that run at 60 fps even on low-grade Android devices.
Prototyping Your UX Design in React (app.pluralsight.com)
Aug 15, 2019
Give your UX design new life as a functional, interactive web page through the power of prototyping in React! This beginner-friendly course covers styling and crafting a simple application that can bring your ideas to life in new and exciting ways.
  • Lisa Walkosz-Migliacio

Latest Podcast Episodes

Chris Toomey on TypeScript, GraphQL, and Product Thinking (reactpodcast.com)
Sep 19, 2019
This week we sit down with Chris Toomey and address all the holy wars: Elm vs React, TypeScript vs JavaScript, product vs development, and even VS Code vs Vim.
Chris Biscardi on Gatsby Themes and Developing a Content Pipeline (reactpodcast.com)
Sep 05, 2019
We talk about what Gatsby Themes are, why they promise to bring a new wave of shareability to Gatsby sites, and what you need to know to start using them.
Building Steam Games with React (syntax.fm)
Sep 04, 2019
In this episode, Scott and Wes talk with Drew Conley about building games with Javascript.
React Native vs Native Chicago Edition (devchat.tv)
Aug 27, 2019
Don Moro, a Native developer, is being pushed by his company to cross-platform with React Native, he joins the podcast to ask the panel for advice.
  • Peter Piekarczyk
  • Don Moro
  • Rob Volk
James K Nelson on React with the Buzzwords (reactpodcast.com)
Aug 22, 2019
This week on React Podcast we sit down with James K Nelson. We discuss what makes React hard to learn and how he's addressing that with his teaching platform frontarm.com.
Animations and React Morphe with Bruno Lorenco (devchat.tv)
Aug 20, 2019
Bruno talks about what React Morph is, how it originated, and the flip animation technique. React Morph is uniquely designed to be compatible with many platforms. Bruno talks about his goal to make everything simpler, from having animations on your website, to making things easier for users of the application.
  • Dave Ceddia
  • Thomas Aylott
  • Leslie Cohn-Wein
  • Lucas Reis
  • Bruno Lorenco

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

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.
                  Senior Software Engineer (snap.hr)
                  notonthehighstreet / London, UK
                  Aug 19, 2019
                  Our future stack will be predominantly Javascript based with React on the front end, GraphQL and/or Node.js for our services and APIs, running on AWS functions. Our native apps and data will of course use few other different technologies. As Senior Engineer you will join one of our engineering teams building a new set of micro services and front end for Not on The High Street customers, partners and internal users.
                      Software Engineer - Mobile (Acuity) (squarespace.com)
                      Squarespace / New York, US
                      Aug 13, 2019
                      Acuity, a Squarespace company, is seeking a Software Engineer - Mobile to join our small, collaborative engineering team responsible for the end-to-end development of our Acuity application and the long-term vision of Acuity on mobile devices. This role reports to the Team Lead. Qualifications: 2+ years with React Native; Familiar with the react-native bridge; Have experience with react-native lists; Have worked with native modules and native ui components for a react-native app (on both iOS and Android).