What's new in React

Latest Articles & Tutorials

How to create email chips in pure React (medium.freecodecamp.org)
Apr 18, 2019
Imagine that you, the good-looking developer (yes, I’m talking to you!), want to build an invitation form where users can add one or more email addresses to a list and send a message to all of them.
  • Andreas Remdt
useReducer vs useState in React (robinwieruch.de)
Apr 17, 2019
There are two main hooks that are used for modern state management in React: useState and useReducer. This tutorial doesn’t explain both React hooks in detail, but explains their different use case scenarios.
Wrap a Vanilla JavaScript Package for Use in React (scotch.io)
Apr 17, 2019
Complex web projects often require the use of 3rd party widgets. But what if you're using a framework while a widget is only available in pure JavaScript?
  • Maxim Koretskyi
    Manage: Making Animations In React Native— The Simplified Guide (blog.bitsrc.io)
    Apr 17, 2019
    The animations are an important part of the UX of an app, and interacting with the user using the animations create a better experience for the user, the most successful user experience are made with animations, that’s why we are goin to play around animations in React Native.
    • Said Hayani
    Next.js 8.1 (nextjs.org)
    Apr 16, 2019
    Today, we're excited to announce we've extended the Next.js experience to authoring AMP pages.
    Introducing Base Web, Uber’s New Design System for Building Websites in React (eng.uber.com)
    Apr 16, 2019
    Uber assembled a dedicated design and engineering team to come up with a universal system, which resulted in the Base Web design system.
    • Nadiia Dmytrenko
    • Chase Starr
    • Gergely Nemeth

    Latest Video Guides & Talks

    React Typescript Material UI Form (youtube.com)
    Apr 16, 2019
    Learn how to make a form in React using Typescript, Material UI, and Formik.
    The Great Gatsby Bootcamp (youtube.com)
    Apr 15, 2019
    Learn how to create fast websites and web applications with Gatsby. You’ll use Gatsby, React, and GraphQL to build an entire CMS-powered website from scratch.
    • Andrew Mead
    What is React Ink? (youtube.com)
    Apr 15, 2019
    The first time I learned about React Ink I was immediately intrigued. A project that lets me take all my React knowledge and use it to make a CLI program?
    • Harry Wolff
      Mapbox - Interactive maps in React (youtube.com)
      Apr 15, 2019
      This demo shows how to use Mapbox in React to create an interactive map showing markers and popups based on a dataset.
        Effortless Forms In React (youtube.com)
        Apr 09, 2019
        I'm going to be showing off a new library that I found that makes writing forms in React insanely simple.
        TypeScript and React (youtube.com)
        Apr 08, 2019
        Today we build on everything that we've learned about TypeScript and use it to...work with React and TypeScript!
        • Harry Wolff

        Latest Books & Guides

        React Hooks CheatSheet (react-hooks-cheatsheet.com)
        Apr 14, 2019
        React hooks cheatsheet with live editable examples.
        • Ohans Emmanuel
        React Native in Action (manning.com)Get it on Amazon
        Mar 25, 2019
        React Native in Action gives iOS, Android, and web developers the knowledge and confidence they need to begin building high-quality iOS and Android apps using the React Native framework.
        React Explained (ostraining.com)
        Mar 19, 2019
        React Explained is a fun and enjoyable introduction to React, which is the Javascript framework of choice for WordPress, Drupal, Magento, and thousands of developers.
        • Zac Gordon
        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

        Latest Courses & Video Series

        Pure Redux (daveceddia.com)
        Mar 19, 2019
        You can be productive with Redux and React, and this video course will help you do it. You’ll get hands-on practice by building an app in React, and then refactoring it to use Redux. That’ll give you the basics.
        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.
        Firebase with React, v2 (frontendmasters.com)
        Feb 28, 2019
        Build full-stack applications leveraging your React skills on top of Google's Firebase platform! You'll get hands-on experience building a real-world application from the ground up and deploying it to the cloud.

        Latest Podcast Episodes

        Create Value for Others with Nader Dabit (reactpodcast.com)
        Apr 18, 2019
        On podcasting, speaking, mobile devrel at AWS Amplify, AppSync for simple GraphQL servers, and his new book React Native in Action.
          Build Dumb Shit with Sara Vieira (reactpodcast.com)
          Apr 04, 2019
          On being you, "change the world" bullshit, succeeding against mental illness, and teaching what you know.
          Be Super with TypeScript and Jared Palmer (reactpodcast.com)
          Mar 28, 2019
          On the when, where, what, why, and how much of TypeScript in React.
          Lift as you Climb with Cassidy Williams (reactpodcast.com)
          Mar 21, 2019
          On React, Redux, and GraphQL at CodePen, teaching, @smkmeetup, following your dreams (literally), and building your dream network.
          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

          Latest Library Releases

          @progress/kendo-react-common (telerik.com)
          v2.10.0
          Apr 18, 2019
          Native UI and Data Visualization Components for React.
            immer (github.com)9880
            v3.1.1
            Apr 18, 2019
            Create the next immutable state by mutating the current one.
            rsuite (rsuitejs.com)2517
            v3.8.3
            Apr 18, 2019
            React Suite is a set of react component libraries for enterprise system products.
            • Simon Guo
            dom-testing-library (npm.im)1070
            v3.19.3
            Apr 18, 2019
            Simple and complete DOM testing utilities that encourage good testing practices.
            react-jsonschema-form (mozilla-services.github.io)6014
            v1.5.0
            Apr 18, 2019
            A React component for building Web forms from JSON Schema.
            • Nicolas Perriault
            • Ethan Glasser-Camp
            • Ashwin Ramaswami
            react-native (facebook.github.io)75127
            v0.59.5
            Apr 18, 2019
            A framework for building native apps with React
            • Valentin Shergin
            • Pieter De Baets
            • Martin Konicek
            • David Aurelio
            • Spencer Ahrens
            • Facebook

            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.