What's new in React

Latest Articles & Tutorials

Designing Reusable React Components (blog.bitsrc.io)
Jan 20, 2020
A personal, opinionated take on designing components in a world of simple scalable reuse.
  • Fernando Doglio
How to create a website with Next.js and React (blog.logrocket.com)
Jan 20, 2020
In this tutorial, we’ll show you how to bootstrap a Next.js web application and add some basic components and features of a typical website.
  • Nick Major
A guide to React refs: useRef and createRef (blog.logrocket.com)
Jan 17, 2020
In this article, we’re going to investigate why React, a framework meant to abstract your code away from DOM manipulation, leaves the door open for developers to access it.
  • Jeremias Menichelli
Animating React Components Using React Transition Group (alligator.io)
Jan 17, 2020
Animations help improve the feel of a website or web app and this often leads to better user experience. We can use animations during different events: during page transitions, while scrolling and of course during mounting and unmounting of components in component-based frameworks or libraries such as React.
  • Yusuff Faruq
React Conditional Rendering (robinwieruch.de)
Jan 16, 2020
The article aims to be an exhaustive list of options for conditional renderings in React and best practices for these patterns.
React with TypeScript: Best Practices (sitepoint.com)
Jan 16, 2020
React and TypeScript are two awesome technologies used by a lot of developers these days. Knowing how to do things can get tricky, and sometimes it’s hard to find the right answer. Not to worry. We’ve put together the best practices along with examples to clarify any doubts you may have.
  • Joe Previte

Latest Video Guides & Talks

How to NOT render something in React (youtube.com)
Jan 21, 2020
We cover 5 ways to either not render an element or to have it hidden, and then we'll write tests to verify the presence or lack of presence of an element, and whether an element has a class or not using React Testing Library.
Bootstrapping a React Native Project in 2020 (youtube.com)
Jan 21, 2020
Same time last year I did a video on how to bootstrap a React Native project in 2019 so what changed since?
Combining Gatsby with Create React App (youtube.com)
Jan 20, 2020
Learn how you can use Gatsby and create-react-app on the same website without using subdomains.
Quickest Way to Learn React JS in 2020 (youtube.com)
Jan 18, 2020
What is the quickest and easiest way to learn React JS? The key is to learn the web fundamentals.
  • Stefan Mischook
The 5 Minute React Native Masked View (youtube.com)
Jan 10, 2020
In this video, we are building an angular gradient in React Native using a masked view.

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

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

Latest Podcast Episodes

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

        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.