What's new in React

Latest Articles & Tutorials

Building reusable UI components with React Hooks (blog.logrocket.com)
Dec 03, 2019
In this tutorial, we will build reusable React components that can be used throughout your projects to maintain consistency in logic and presentation. We’ll use Hooks for managing and manipulating state data.
  • Peter Ekene Eze
Announcing Ionic React Hooks (ionicframework.com)
Dec 03, 2019
Today, we are excited to launch a companion project to Ionic React that makes tying into device hardware and APIs a breeze in an Ionic React project.
  • Ely Lucas
    How to React Slider (robinwieruch.de)
    Dec 02, 2019
    In this React component tutorial by example, we will create a React Slider Component with React Hooks and a Function Component.
    How to debug a React application (flaviocopes.com)
    Nov 30, 2019
    Some tools you can use to debug your React app when you run into problems.
    Testing React Hooks With Enzyme and React Testing Library (css-tricks.com)
    Nov 29, 2019
    In this tutorial, we will look at how to do that by making use of a to-do application built with hooks. We’ll cover writing of tests using Ezyme and React Testing Library, both of which are able to do just that.
    • Kingsley Silas
    Experimental React: Using Suspense for data fetching (blog.logrocket.com)
    Nov 29, 2019
    If you’re a React developer, by now you’ve most likely heard of Concurrent Mode. If you’re still wondering what that is, you’re in the right place.
    • Ovie Okeh

    Latest Video Guides & Talks

    Drag and Drop Files using react-dropzone (youtube.com)
    Nov 30, 2019
    In this video, I will show you how to create a drag and drop functionality in React with react-dropzone.
    • Hong Ly
    MERN Stack - React.js Node, Express & MongoDB Crash Course (youtube.com)
    Nov 27, 2019
    ReactJS and NodeJS, together with ExpressJS & MongoDB form the very popular MERN stack!
    • Maximilian Schwarzmüller
      GraphQL Typescript Authentication Boilerplate (youtube.com)
      Nov 25, 2019
      I walkthrough and explain the GraphQL Typescript boilerplate I created that includes authentication via sessions.
      React Suspense Introduction (Data Fetching) (youtube.com)
      Nov 22, 2019
      In this video we're just going to experiment with React Suspense data fetching.
      A Guided Tour of React Hooks (youtube.com)
      Nov 19, 2019
      In this talk you'll learn about the "magic" behind how Hooks work and get to see a few examples of them in action. We'll cover the big four: useState, useEffect, useReducer, and useContext, plus how to write your very own custom hooks.

      Latest Books & Guides

      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
      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.

      Latest Courses & Video Series

      Use Suspense to Simplify Your Async UI (egghead.io)
      Dec 05, 2019
      In this workshop, you'll learn how Suspense works under the hood, preparing you for the future of asynchronous state management.
      TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL (newline.co)
      Nov 13, 2019
      Learn advanced React, Node, TypeScript, and GraphQL by building a production-ready application in this 8-week, online course.
      • Hassan Djirdeh
      • Jing Chen
      Reintroducing React: V16 and Beyond (educative.io)
      Nov 05, 2019
      This course is your one-stop reference to most important React updates since V16 was released. We’ll walk through all the major features of modern React so you can stay in sync with the most recent changes while learning to write better software.
      • Ohans Emmanuel
      Mastering Next.js (masteringnextjs.com)
      Nov 04, 2019
      The premiere video course for building production, server-side rendered applications with Next.js and React.
      • Lee Robinson
      Getting Started With NextJS (leveluptutorials.com)
      Oct 31, 2019
      Learn all about NextJS 9's new API Routes, MongoDB for Data, Server Side Rendered React, Apollo Client and Server from within NextJS.
      Shareable Custom Hooks in React (egghead.io)
      Oct 29, 2019
      In this self-paced workshop, you'll work through refactoring a component to use a custom hook, and learn to apply the patterns used by the React team to your own code.
      • Joe Previte

      Latest Podcast Episodes

      Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools (reactpodcast.com)
      Nov 21, 2019
      Brian Vaughn joins us for an update on React Developer Tools. We talk about Fast Refresh for the web, New developer convienciences around codemods, And new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps.
      Kitze on Surviving Hype Driven Development Culture (reactpodcast.com)
      Nov 14, 2019
      Today we're talking with Kitze about his transition from open source to product, what his development browser Sizzy has thought him about business, and the dangers of our hype-driven development cycles.
        Joe Savona on Relay and Data Fetching with Suspense (reactpodcast.com)
        Nov 07, 2019
        Joe Savona joins us to talk about avoiding waterfalls in your React code. Joe has spent the last year working with the React team in developing a relay-suspense integration for the new facebook.com.
        Andrew Clark on Concurrent Mode (reactpodcast.com)
        Oct 31, 2019
        We chat about future features, prerelease channels, and how Suspense is preparing the way for others to bring cooperative concurrency to their libraries, applications, and frameworks.
        The Suspense is Almost Over — A Pre-ReactConf Concurrent React Rundown with Swyx (reactpodcast.com)
        Oct 22, 2019
        This week is React Conf! And I suspect that Suspense and Concurrent Mode will have a good showing. So — in anticipation and excitement — I asked friend of the show, Swyx, to join me for a Suspense/Concurrent React rundown episode — covering everything you need to know so far and what we hope to see at this year's event.
        Swizec Teller on Hustle and Focus (reactpodcast.com)
        Oct 10, 2019
        Swizec has an incredible work ethic — regularly blogging, vlogging, live streaming, and writing books on your favorite web technologies React and D3.

          Latest Library Releases

          pimg (pimg.surge.sh)79
          v1.2.1
          Aug 12, 2019
          Pimg is a Progessive Image Component For React, Preact and Vue.js.
          • Ademola Adegbuyi
          react-hot-loader (gaearon.github.io)10246
          v4.12.11
          Aug 12, 2019
          Tweak React components in real time
          react-intl (github.com)9446
          v3.1.6
          Aug 12, 2019
          Internationalize React apps
          reakit (reakit.io)1573
          v1.0.0-beta.5
          Aug 12, 2019
          Toolkit for building interactive UIs with React
          • Diego Haz
          flow-bin (flow.org)18943
          v0.105.1
          Aug 11, 2019
          Adds static typing to JavaScript to improve developer productivity and code quality
          react-bootstrap (react-bootstrap.github.io)15007
          v1.0.0-beta.11
          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)
          Hostmaker
          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.