What's new in React

Latest Articles & Tutorials

React Router v5 (reacttraining.com)
Mar 20, 2019
Today, we are excited to announce the release of React Router version 5.
Creating Forms In React With Formik And Yup (blog.bitsrc.io)
Mar 20, 2019
Forms in the ReactJS can be a pain with all those repetition and business logic at the same time. Formik handles form state and Yup handles validation so we can focus our business logic.
  • Anshul Goyal
Improve Performance in React Class Components using React.PureComponent (blog.bitsrc.io)
Mar 20, 2019
In this post, we will look in depth at what React.PureComponent and the goodies it brings us.
  • Chidume Nnamdi
No more tears, handling Forms in React using Formik, part I (itnext.io)
Mar 20, 2019
In this article we will cover forms overview, discussing Forms in general and different form libraries.
  • Christoffer Noring
Getting Started with React (2019 Edition) (scotch.io)
Mar 19, 2019
React is the uber popular JavaScript library that is almost everywhere you look these days. Learning React opens up a whole new way to build front-end experiences like websites, mobile apps, and more.
  • Chris Sevilleja
A guide to useState in React (blog.logrocket.com)
Mar 19, 2019
useState is a hook that allows you to have state variables in functional components.
  • Esteban Herrera

Latest Video Guides & Talks

Testing MobX with React Testing Library (youtube.com)
Mar 20, 2019
In this video we cover how to use React Testing Library to test a component being injected with a MobX store.
Saving Form State in Local Storage with React (youtube.com)
Mar 15, 2019
I've got a contact form that I need to save to local storage so if people refresh the page and come back it's still around. Let's see how that goes!
Using React.useReducer to avoid state bugs (youtube.com)
Mar 14, 2019
A while back I tweeted an issue I was having with a stopwatch component. I'm going to show you why it was happening and Dan's helpful solution to the problem using React.useReducer (and why React.useState wasn't well suited for this task).
Create a realtime web app with Hasura and Gatsby (youtube.com)
Mar 14, 2019
Learn how to add realtime updates to your apps using Hasura and Gatsby.
  • Jason Lengstorf
  • Vladimir Novick
Building a contact form with Lambda Functions (youtube.com)
Mar 14, 2019
My contact form leaves some things to be desired with the workflow on my end so I'm going to make a serverless function for my contact form so it'll do what I want it to do.

Latest Books & Guides

Complete Intro to React v5 Notes (btholt.github.io)
Mar 13, 2019
Notes for the Complete Intro to React v5 course on Frontend Masters.
React Distilled (sebhastian.com)
Mar 05, 2019
The book distills the most important topics to learn about React, so you don't have to painstakingly browse the web, looking for pieces of React knowledge to build a fully working application.
  • Nathan Sebhastian
Principled GraphQL (principledgraphql.com)
Feb 12, 2019
Best practices for implementing and scaling a data graph.
  • Geoff Schmidt
  • Matt DeBergalis
The Road to React with Firebase (leanpub.com)
Jan 28, 2019
Your journey to master Firebase in ReactThe book walks you through building a full-blown application with advanced React and Firebase.
Learn React with TypeScript 3 (packtpub.com)Get it on Amazon
Nov 29, 2018
Start developing modern day component based web apps using React 16, Redux and TypeScript 3 with this easy to follow guide.
  • Carl Rippon

Latest Courses & Video Series

Learn React Hooks by building a game (react.games)
Mar 15, 2019
The best way to learn a new tech is to build something with it. So, let's build a freaking game!
Realtime React with Firebase (reacttraining.com)
Mar 14, 2019
You’ll build a fully featured, production ready chat client on top of Google Cloud's serverless infrastructure and Firebase's realtime data store. Oh, and to keep you company, we’ll build a bot to talk to that is occasionally too real.
React for Data Visualization (reactfordataviz.com)
Mar 04, 2019
Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization.
React Hooks For Everyone (leveluptutorials.com)
Mar 01, 2019
React Hooks are the latest new feature to arrive in React. Make your function based components more useful than ever before and learn how to build reusable functionality with custom hooks.
One Day Introduction to React with Kent C. Dodds (thinkster.io)
Feb 24, 2019
This course is ideal for those looking to get a better understanding of React fundamentals. In just a matter of hours, you'll complete this workshop knowing what problems React can solve for you and how it goes about solving them. You'll work right alongside React expert Kent C. Dodds as he guides you through using JSX to code through real-world exercises and on to knowledge that will make you more productive at building apps with React.
Electron Fundamentals, v2 (frontendmasters.com)
Feb 18, 2019
Build native, cross-platform (macOS, Linux & Windows) desktop applications with your HTML, CSS & JavaScript skills using Electron! In this course, you'll get hands-on experience building real-world apps that live in the menubar and system tray. You'll learn to package and ship your apps, plus ship updates with auto-update.
  • Steve Kinney

Latest Podcast Episodes

Learn to Learn with Kyle Shevlin (reactpodcast.com)
Mar 07, 2019
Building a great career, finding your tribe, learning how to learn, and shipping your side projects
React Hooks (spec.fm)
Feb 28, 2019
We join in the flavour of the moment and talk about Hooks and why everyone should be maybe rewriting everything into them.
  • Una Kravets
  • Chris Dhanaraj
Decide with Your Human Brain, with Brian Vaughn (reactpodcast.com)
Feb 28, 2019
Brian Vaughn is a member of the React Core team and creator of libraries like react-virtualized and react-window. He's a wealth of knowledge in React performance and application profiling. Chantastic asks Brian about the new profiler tools he's been working on (available to React v16.5 apps), React Core team dynamics, and the future of windowing in React and browsers.
React Native Rearchitecture with G2i Team (softwareengineeringdaily.com)
Feb 22, 2019
Chris and Lee join the show to discuss the rearchitecture, including the engineering history of React, the technical debt within the React project, and the vision that the React team has for the future.
  • Chris Severns
  • Lee Johnson
End-to-end Typesafe GraphQL Applications feat. Carlos Rufo (graphqlpatterns.simplecast.fm)
Feb 22, 2019
We talk about how to build typesafe GraphQL applications & what the benefits of doing so are.
React Native Testing feat. Josh Justice of Big Nerd Ranch (devchat.tv)
Feb 21, 2019
In today’s episode of the React Native Radio podcast, the panel speaks with Josh Justice of Big Nerd Ranch. The discussion covers several main points on test such as, End to End Testing, Unit Testing, and Test Driven Development.

Latest Library Releases

rsuite (rsuitejs.com)2517
v3.7.9
Mar 21, 2019
React Suite is a set of react component libraries for enterprise system products.
  • Simon Guo
dom-testing-library (npm.im)1070
v3.18.2
Mar 21, 2019
Simple and complete DOM testing utilities that encourage good testing practices.
carbon-components-react (react.carbondesignsystem.com)783
v6.111.1
Mar 21, 2019
React components for the Carbon Design System.
  • Akira Sudoh
  • Josh Black
parcel-bundler (parceljs.org)30444
v1.12.3
Mar 21, 2019
Blazing fast, zero configuration web application bundler
  • Devon Govett
  • Jasper De Moor
@smooth-ui/core-sc (smooth-ui.smooth-code.com)1155
v10.0.0
Mar 20, 2019
Modern React UI library. Code less, do more.
  • Greg Bergé
immer (github.com)9880
v2.1.4
Mar 20, 2019
Create the next immutable state by mutating the current one.

Latest Jobs

Senior Software Engineer, Full Stack (jobs.lever.co)
Everlane / San Francisco, US
Mar 19, 2019
Everlane is looking for an experienced software engineer to join its quickly-growing technology team in the sunny Mission neighborhood of San Francisco. Engineers at Everlane work in a highly collaborative environment to develop software solutions for an increasingly diverse set of challenges across logistics, retail, and e-commerce as we seek to reimagine and set ever-higher standards for transparency and sustainability within the apparel industry. We'd love to hear from you if you have been on the edge of the front-end stack, with experience in frameworks such as React, Redux and build systems.
      Senior React Native Frontend Developer (jobs.smartrecruiters.com)
      Tiket.com / Vancouver, Canada
      Mar 17, 2019
      Tiket.com is a late stage Indonesian startup. Its flagship consumer mobile app is growing at an accelerating pace of 1M downloads a month from the App Stores, and is leading online travel in SE Asia. Your job, should you so accept, will be to lead incubation and finding the most efficient processes in adoption of latest software technologies, open source preferred.
          Remote Senior Full-stack JavaScript Engineer (React / Node.js) (notion.so)
          Aula Education / Remote
          Mar 15, 2019
          Aula is a remote-first 40-person team from 12 nationalities building a communication platform for education. Think ‘Slack for education’. 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.
              Front-end developer (saagie.welcomekit.co)
              Saagie / Remote
              Mar 04, 2019
              Saagie is a startup enabling companies to shift their Big Data projects from their datalabs up to production, and to embed AI into their business in record times. We are looking for a Front-end Developer (ideally React) to join our product team (office in Rouen - Normandy, or working remotely). You'll be in charge of developing User Interfaces integrated into our product micro Front-end architecture.
                  Frontend Engineer (careers.twitter.com)
                  Twitter / San Francisco, CA
                  Mar 01, 2019
                  Come join the team working to make twitter.com and mobile.twitter.com the fastest and most delightful web apps in the world. If you thrive in a collaborative team environment, and want to take on some unique challenges at a worldwide scale, you should come join us.
                      Senior Front-End Developer (catawiki.com)
                      Catawiki / Amsterdam, Netherlands
                      Feb 27, 2019
                      Catawiki’s purpose is to enable people to discover and obtain special objects that help them fulfil their passions. In doing so, we add some color & make the world a more interesting place! You will be part of the frontend guild which is distributed across multiple teams consisting of a Product Owner, UX designer, backend and other frontend developers. On most of the codebase, you will be working with TypeScript (our primary choice for writing Frontend code), React, Redux. Our code is built with Webpack. The code architecture is based on the Feature pattern and we are testing our code using Jest. For static content, we use Rails with Haml. We style our code using SCSS with the BEM methodology.