What's new in React

Latest Articles & Tutorials

Codebase Conversion: Building a MEAN.js AngularJS Project with Create-React-App (blog.isquaredsoftware.com)
Mar 28, 2020
How I hacked CRA's config to have it build a classic AngularJS codebase.
  • Mark Erikson
What’s new in react-query v1.0 (blog.logrocket.com)
Mar 27, 2020
react-query v1.0 was released on 26 February, which brought about a change in the react-query API and all-new dedicated devtools.
  • Abdulazeez Abdulazeez Adeshina
    11 Useful Custom React Hooks for Your Next Web App (blog.bitsrc.io)
    Mar 26, 2020
    Top 11 recommended ReactJS custom Hooks — with examples.
    • Chidume Nnamdi
    Complete guide to building product tours on your React apps (blog.logrocket.com)
    Mar 26, 2020
    In this post, you’ll learn how to build a simple product tour for your React application.
    • Paramanantham Harrison
    Building a Real-Time Chat App with React and Firebase (css-tricks.com)
    Mar 25, 2020
    In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database, where we can sync data with a NoSQL cloud database.
    • Deven Rathore
    Measure Performance with the New React Profiler Component (blog.bitsrc.io)
    Mar 25, 2020
    Learn how to monitor your components’ performance with the new ReactJS Profiler component.
    • Chidume Nnamdi

    Latest Video Guides & Talks

    React Geospatial Visualization with kepler.gl (youtube.com)
    Mar 25, 2020
    kepler.gl is an amazing tool built by Uber allowing geospatial visualization in React with large amounts of data. You can use kepler.gl on their website but can also be baked into your own React app... we'll look at both approaches in this video!
    • Leigh Halliday
      Build your first Ionic React app (youtube.com)
      Mar 25, 2020
      Ionic React represents the most significant change in Ionic's history and opens up the Framework to a whole new audience. With one code base across any platform or deployment type, Ionic React makes it easy to build apps for iOS, Android, Desktop, and the web as a Progressive Web App.
      • Mike Hartington
        Introduction to React Motion (blog.logrocket.com)
        Mar 25, 2020
        React Motion is an animation library for React applications that makes it easy to create and implement realistic animations. In this guide, we’ll demonstrate how to install the library and share some basic tips to help you build natural-looking, physics-based animations for your React projects.
        • Gaurav Singhal
        Next.js Static Site Generation (SSG) Tutorial (youtube.com)
        Mar 24, 2020
        Learn how to use static site generation in Next.js in this tutorial where I show you how you can setup.
        The Heart of React Native Transform (youtube.com)
        Mar 24, 2020
        In today's video, we will be looking at React Native transforms.
        Building Offline-first Cross-platform Apps with Expo and Amplify DataStore (youtube.com)
        Mar 20, 2020
        Learn how to create a new Amplify DataStore project, integrate it with Expo, deploy it to AWS, and interact with it from a two different platforms: Web and iOS. We'll demo queries, mutations, and subscriptions as well as how to test out the offline functionality.

        Latest Books & Guides

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

        Latest Courses & Video Series

        The Beginner's Guide to React (egghead.io)
        Mar 28, 2020
        This course is for React newbies and those looking to get a better understanding of React fundamentals.
        Fullstack React & Firebase (leveluptutorials.com)
        Jan 24, 2020
        In this course, you’ll use React—a JavaScript library for crafting exceptional user experiences—and Firebase to create your own quiz app with a back-end database.
        • James Quick
        React & TypeScript For Everyone (leveluptutorials.com)
        Jan 03, 2020
        React & TypeScript for Everyone will give you a firm grasp of the fundamentals and set you up for success every single time. Along the way, we'll go over plenty of examples to boost your confidence and expand your skillset.
        Build an App with React Suspense (egghead.io)
        Dec 13, 2019
        Michael Chan has years of experience with React, and in this course, he will guide you through the ins-and-outs of working with Suspense.
        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

        Latest Podcast Episodes

        Michael Jackson on React Router v6 and Empathy in Open Source (reactpodcast.com)
        Mar 12, 2020
        This week we chat with Michael of React Training and learn everything we need to know about React Router v6 — what's in store, how to update, and what he's learned about empathy in the process.
        React at Starbucks with Cher (realtalkjavascript.simplecast.com)
        Mar 10, 2020
        Cher talks with John and Ward about her experiences working on Starbucks PWA, and moving from Vue to React.
        • John Papa
        • Ward Bell
        • Cher Scarlett
        Max Stoiber on Finding Luck in Open Source (reactpodcast.com)
        Mar 05, 2020
        We sit down with Max Stoiber and find out what it takes to find luck in open source. Max is the creator of react-boilerploit and the co-creator of styled-components and spectrum.chat.
          David Khourshid on XState, Statecharts, and the Future of Designer—Coder Collaboration (reactpodcast.com)
          Feb 27, 2020
          David Khourshid is the man bringing statecharts to the frontend. We talk about XState, model-based testing with xstate-test, and the future designer/coder integration.
            Evan Bacon on Expo and the Future of "Build Once; Run Anywhere" (reactpodcast.com)
            Feb 13, 2020
            Today we chat with Evan Bacon about Expo and delivering on the elusive promise of "write once. run anywhere."
            Daria Caraway on Building Considerate React Component APIs with TypeScript (reactpodcast.com)
            Feb 06, 2020
            Today we chat with Daria Caraway and learn how to build considerate React components with TypeScript.

            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.