What's new in React

Latest Articles & Tutorials

How To Use The HTML Drag-And-Drop API In React (smashingmagazine.com)
Feb 19, 2020
In this tutorial, we’ll build a React drag-and-drop component for file and image uploads. In the process, we’ll learn about the HTML drag-and-drop API. We will also learn how to use the useReducer hook for managing state in a React functional component.
  • Chidi Orji
Debugging performance problems in React (blog.logrocket.com)
Feb 18, 2020
Ensuring a high level of performance is key when developing any application, whether it be an API, a frontend app, or a backend app.
  • Diogo Souza
A Complete Beginner's Guide to React Router (Including Router Hooks) (freecodecamp.org)
Feb 18, 2020
In this tutorial, we are going to cover everything you need to know to get started with React Router.
  • Ibrahima Ndaw
Maximizing Code Reuse in React (blog.bitsrc.io)
Feb 18, 2020
How to speed-up development by sharing ReactJS components from any codebase, using Bit.
  • Eden Ella
Testing Ionic React Apps with Jest and React Testing Library (ionicframework.com)
Feb 18, 2020
Have you been looking into testing an Ionic React project, but not sure where to start? In this post, I’ll go over the basics of how to get started as we build out an app using tests.
  • Ely Lucas
How to Build Forms with React the Easy Way (telerik.com)
Feb 14, 2020
In this article, we’ll take a step a back and discuss the challenges inherent to building forms with just React, such as state management and validation, and then how to solve them with the KendoReact Form component.
  • TJ VanToll

Latest Video Guides & Talks

Validating React component props with prop-types (youtube.com)
Feb 19, 2020
Learn how to improve your React components by validating props with prop-types.
  • Karl Hadwen
That React Component Right Under Your Context Provider Should Probably Use React.memo (youtube.com)
Feb 18, 2020
Sophie Alpert - former manager of the React team at Facebook - mentioned in a tweet "That React Component Right Under Your Context Provider Should Probably Use `React.memo`"... in this video we're going to explore what she meant, what the issue is, and how to solve it.
Airbnb Shared Transition - “Can it be done in React Native?” (youtube.com)
Feb 18, 2020
In this video, we are building the Airbnb Shared Element Transition.
Refactoring to react-query (youtube.com)
Feb 18, 2020
I'm refactoring some code to react-query.
    Build a Brain Computer App with React Native (youtube.com)
    Feb 16, 2020
    Today we will start building a mobile app with React Native that will link up with a brain computer interface!
    • Jesse R Weigel
    The 10-Minute Pixel Rounding (youtube.com)
    Feb 13, 2020
    In this video, we are looking at React Native pixel rounding.

    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

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

    Latest Podcast Episodes

    Justin E. Samuels on Render(ATL) (reactpodcast.com)
    Jan 30, 2020
    Render(ATL) is a new conference in Atlanta that promises to introduce React developers to the voice and culture of the south.
      Lee Byron — From PHP to React and GraphQL (reactpodcast.com)
      Jan 16, 2020
      We're kicking off a new decade by going back in time time to 1999, just 10 years after the birth of the internet. Our guest today is Lee Byron. He takes us on a tour of the early web and personal home pages. And connects the dots between PHP and technologies like React and GraphQL.
        Rachel Nabors on React Community Empowerment (reactpodcast.com)
        Dec 12, 2019
        We talk about her journey to React, the Woman at the Heart of React zine (from this year's React Conf), and her charter to make React and React Native documentation friendly, powerful, and inclusive.
          Sunil Pai on The Future of UI Frameworks (reactpodcast.com)
          Dec 05, 2019
          Today, Sunil and I dive into the future of React as a UI framework, how Concurrent mode marks a shift in focus from developer experience to user experience, and what it'll take to finally get better designer tooling for React.
          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.

            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.