What's new in React

Latest Articles & Tutorials

One simple trick to optimize React re-renders (kentcdodds.com)
Jun 24, 2019
Without using React.memo, PureComponent, or shouldComponentUpdate.
React in 2019: Is it still worth jumping the bandwagon? (blog.bitsrc.io)
Jun 24, 2019
Is it really worth jumping into the React ecosystem despite the growing emergence of its competitor like Vue in 2019?
  • Sonny Recio
    Navigating React Native apps using React Navigation (blog.logrocket.com)
    Jun 23, 2019
    When building mobile apps, of primary concern is how we handle a user’s navigation through the app — the presentation of the screens and the transitions between them. React Navigation is a standalone library that allows a developer implement this functionality easily.
    • Emmanuel Yusufu
    Getting started with react-select (blog.logrocket.com)
    Jun 20, 2019
    In this article, we’ll be going over the awesome features embodied in react-select v2 as well as getting on a launchpad to introduce us to react-select v2 and how to get started.
    • Stephen Afam-Osemene
    Unleash the Power of the KendoReact DatePicker Component (telerik.com)
    Jun 20, 2019
    The KendoReact DatePicker is a flexible React UI component that lets you customize every aspect of it with a custom renderer. In this blog post we cover how to customize the Calendar component of the DatePicker to highlight the US federal holiday schedule.
    • Carl Bergenhem
    Feature flags in React (dev.to)
    Jun 20, 2019
    In this 8 step blog post, I’ll show how to get the value of powerful feature flags by rolling out a feature customer-by-customer in React using Optimizely Rollouts: a completely free product.
    • Asa Schachar

      Latest Video Guides & Talks

      React Hooks useRef Tutorial (youtube.com)
      Jun 24, 2019
      Learn how to use the useRef hook in React.
      Full Stack React & Firebase Tutorial - Build a social media app (youtube.com)
      Jun 24, 2019
      In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI.
      • Beau Carnes
      Simple Frontend Pagination | React (youtube.com)
      Jun 23, 2019
      In this video we will implement some custom pagination in React to get a certain number of fetched posts per page. We will be using the useState and useEffect hooks as well.
      React Hooks useEffect Tutorial (youtube.com)
      Jun 23, 2019
      Learn how to use the useEffect hook in React.
      React Hooks useState Tutorial (youtube.com)
      Jun 22, 2019
      Beginner React Hooks tutorial on useState.
      How to Build a Website with React Native (youtube.com)
      Jun 19, 2019
      Today I'ma run you through how to make a web app with Expo. The steps are really just expo init, expo build:web, netlify deploy. In my usual distracted fashion I walk you through these steps in 12 minutes.

      Latest Books & Guides

      web.dev React guide (web.dev)
      May 08, 2019
      Build performant and progressive React applications.
      • Houssein Djirdeh
      Reintroducing React (leanpub.com)
      May 02, 2019
      Modern React with Every React Update Since v16 Demystified (includes advanced hooks)
      • Ohans Emmanuel
      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.

      Latest Courses & Video Series

      UI Interactions in Framer Playground (designcode.io)
      Jun 11, 2019
      Create powerful design and code components for your app and design system using Framer X. Learn how to design and animate an app from scratch and use React to create production-ready components.
      • Meng To
      Intermediate React, v2 (frontendmasters.com)
      Jun 11, 2019
      Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This is a modular course where you can pick and choose the various pieces of the react ecosystem you want to learn.
      Microservices with Docker, Flask, and React (testdriven.io)
      Jun 05, 2019
      In this course, you will learn how to quickly spin up a reproducible development environment with Docker to manage a number of microservices. Once the app is up and running locally, you'll learn how to deploy it to an Amazon EC2 instance. Finally, we'll look at scaling the services on Amazon Elastic Container Service (ECS) and adding AWS Lambda.
      • Michael Herman
        Complete Intro to React, v5 (frontendmasters.com)
        Jun 04, 2019
        Learn to build real-world applications using modern React! Much more than an intro, you’ll start from the ground up, getting all the way to using the latest features in React, including hooks, effects, context, and portals.
        React Front To Back 2019 (udemy.com)
        Jun 04, 2019
        Lean Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects.

        Latest Podcast Episodes

        Michel Westrate Wants You To Stop Writing State Reducers (reactpodcast.com)
        Jun 20, 2019
        We talk with Michel about this wild of idea of state producers (not reducers) in Immer, why they're in the spirit of React, his MobX fame, and why — even in 2019 — it's not a good idea to roll your own state management library.
        useEffect The Good, the Bad, and the Gotchas (devchat.tv)
        Jun 11, 2019
        The panel starts by discussing if useEffect is a good API or a bad API. The problems that useEffect solves are considered. The panel agrees it is a much better abstraction where subscriptions are concerned. Suspense and data fetching is discussed, the panel considers what the react team has in store concerning data fetching.
        Gatsby Themes (syntax.fm)
        Jun 05, 2019
        In this episode of Syntax, Scott and Wes talk with Jason Lengstorf from the Gatsby team about Gatsby themes, and the future of Gatsby in general.
        Optimizing for Performance in React with Aggelos Arvanitakis (devchat.tv)
        Jun 04, 2019
        Aggelos Arvanitakis shares things he has learned from his mistakes in his blog posts. The panel discusses the most common problems in react that causes poor performance.
        Code and Trust with Saron Yitbarek (reactpodcast.com)
        May 30, 2019
        They discuss podcasting, building a community you can trust, shower new developers with love and support, and what it takes to put on the most supportive conference in the world.
        • Michael Chan
        • Saron Yitbarek
          Fullstack Development with React (devchat.tv)
          May 28, 2019
          On today’s show the panel discusses what what jobs should be delegated to the front and backend when doing fullstack development with React. They talk about where the data fetching starts coming into play in a react app and the big changes from the old web to the modern web in data fetching.

          Latest Library Releases

          eslint-plugin-react (github.com)5094
          v7.14.2
          Jun 25, 2019
          React specific linting rules for ESLint.
          • Yannick Croissant
          • Jordan Harband
          • Jordan Harband
          • Alex Zherdev
            expo-cli (docs.expo.io)387
            v2.20.4
            Jun 25, 2019
            Tools for making Expo apps
            • Ville Immonen
            • Jesse Ruder
            • Ben Roth
            • Brent Vatne
            easy-peasy (github.com)1297
            v2.6.0
            Jun 24, 2019
            Easy peasy global state for React.
            • Sean Matheson
            primereact (primefaces.org)855
            v3.1.5
            Jun 24, 2019
            PrimeReact is a rich set of open source UI Components for React.
            • Mert Sincan
            • Cagatay Civici
            • Merve Özçifçi
            • Mertcan Diken
            antd (ant.design)43748
            v3.19.8
            Jun 24, 2019
            An enterprise-class UI design language and React implementation.
            • Benjy Cui
            • Wei Zhu
            carbon-components-react (react.carbondesignsystem.com)783
            v7.3.2
            Jun 24, 2019
            React components for the Carbon Design System.
            • Akira Sudoh
            • Josh Black

            Latest Jobs

            Frontend Engineer (Product) (boards.greenhouse.io)
            Netlify / San Francisco, US / Remote
            Jun 20, 2019
            We're looking for an experienced frontend engineer to work across everything from the core Netlify product, to our additional properties and Open Source projects. Our core tools at Netlify are React and Redux with a dash of Webpack and a whiff of Babel, but it’s more important that you have a solid foundation as a web developer and a good sense of architecture and clean code.
                Software Engineer (Frontend | React) (boards.greenhouse.io)
                Anchorage / San Francisco, US
                Jun 19, 2019
                Role Description: Create an intuitive user experience that simplifies complex data into digestible, actionable insights. Build high fidelity data visualizations from the ground up, including: maps, charts, graphs, videos, and biometrics. Review code across the entire stack and engineering organization while actively participating in product development. Find the right balance between progress (i.e. shipping quickly) and perfection (i.e. measuring twice).
                    Senior Node/React Developer (nearform.breezy.hr)
                    NearForm / Remote
                    Jun 14, 2019
                    At NearForm, we work with international clients who are industry leaders in their respective fields. Our role is to help them build solutions and platforms; help them to launch new product ventures and fundamentally change how they operate. Join a highly skilled multidisciplinary team; typically consisting of designers, front-end and back-end experts, DevOps engineers, and also members of the client team. This mix follows a modern agile development methodology where we run 2-week sprints with a defined backlog, daily standups, weekly demos, sprint planning and sprint retros; all with as little ceremony as necessary.
                        Senior Software Engineer, React (taxfix.recruitee.com)
                        Taxfix / Berlin, Germany
                        Jun 14, 2019
                        At Taxfix React is essential for bringing innovation quickly into our continuously evolving product. We combine the agility of a hybrid JavaScript/Flow codebase with the power of native implementations in iOS and Android. You will be part of the mobile team working with both React and iOS/Android native platform.
                            Senior React Native Engineer (careers.namastetechnologies.com)
                            Namaste Technologies / Remote
                            May 31, 2019
                            As a Senior React Native Engineer, you are to help us create beautiful, performant mobile apps on iOS and Android that give our customers a first-class mobile experience. You will be responsible for architecting and creating these applications, as well as collaborating closely with the web and server teams responsible for the other layers of our product suite. This is a high-impact position that will play a critical role in our product development.
                                Senior Software Engineer (React) (angel.co)
                                Nike Valiant Labs / Portland, US
                                May 18, 2019
                                This is a unique opportunity to join Valiant Labs, Nike’s new business incubator. We’re a fast-moving entrepreneurial team currently exploring the edges of possibility. We move with speed and purpose, taking calculated risks and failing fast – all with one goal in mind: serving consumers in new and unimagined ways. In support of that mission, we are currently seeking a Senior Software Engineer with React frontend and Shopify based development experience to join a lean team piloting a new business.