What's new in React

Latest Articles & Tutorials

JavaScript to Know for React (kentcdodds.com)
Aug 20, 2019
What JavaScript features you should be familiar with when learning and using React.
React vs Angular: A Comparison (blog.bitsrc.io)
Aug 20, 2019
A 2019 In-depth comparison between React and Angular.
  • Krissanawat Kaewsanmuang
    How to Create a Service-Oriented React Web-App (codeburst.io)
    Aug 19, 2019
    Turn your static single-page-app into a dynamic service-oriented web-app
    • Frank Zickert
      A Guide for Refs in React (alligator.io)
      Aug 18, 2019
      Sometimes when using React.js you’ll need an escape hatch to write imperative-style code to interact directly with DOM elements. Using React’s createRef method allows you to do just that!
      • William Le
      Draggin’ and Droppin’ in React (css-tricks.com)
      Aug 16, 2019
      The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide you with more complex functionality, and if they do, it becomes very complex.
      • Maks Akymenko
      How to add a dark mode to your React web app (dev.to)
      Aug 16, 2019
      We are currently living in a dark mode in everything era. Most apps nowadays come with a switch either at the navbar or just somewhere around its settings, that you just click and the screen goes dark.
      • Erick Wachira

      Latest Video Guides & Talks

      How to ensure your useRef's will work correctly in React concurrent mode (youtube.com)
      Aug 19, 2019
      `useRef` is an extremely handy tool, but it comes with a few pitfalls if you don't think carefully about the way you use it. With React Concurrent mode on the horizon, I'll give you a few tips you'll need to make sure you don't break your app with useRef when things go concurrent.
      • Tanner Linsley
      Ranking Hosting Providers for React Projects (youtube.com)
      Aug 19, 2019
      I rank hosting providers on how good they are for deploying a React website. I cover both static and server side rendering.
      What's New with React Dev Tools 4 (youtube.com)
      Aug 19, 2019
      React Dev Tools just came out with an entirely new version! It's now at version 4.0 and it is JAM PACKED with tons of new features!
      • Harry Wolff
      Design systems and MDX in Gatsby (youtube.com)
      Aug 16, 2019
      Creating design systems with great documentation and examples can be a pain. MDX makes it far less painful — on this episode, Kathleen McMahon joins to teach us how to create excellent documentation for a design system using MDX and Gatsby.
      • Jason Lengstorf
      • Kathleen McMahon
      How to build a simple plugin system for custom React hooks (youtube.com)
      Aug 16, 2019
      Custom hooks in React are so easy to build it's silly not to. In this cast I'll show you how I took custom react hooks to the next level by letting other devs extend my custom react hooks with just a little work.
      • Tanner Linsley

      Latest Books & Guides

      Build Your Own React Universal Blog App (sitepoint.com)
      Jul 26, 2019
      A practical walkthrough of building a flexible and reactive app with React. You’ll start with a local server, create a production bundle, progress to components and finally render your app.
      • Michael Wanyoike
      • Pavels Jelisejevs
      • Tony Spiro
      Get Started with React Native (sitepoint.com)
      Jul 26, 2019
      In this guide, this first in a series, we’ll take a closer look at React Native, and get you up and running with the basics.
      • Wern Ancheta
      • Akshay Kadam
      • Mehul Mohan
      • Daniel Schmidt
      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.

      Latest Courses & Video Series

      State Management with Redux & MobX (frontendmasters.com)
      Jul 23, 2019
      In this course, you’ll learn best practices for structuring your data and how to keep your application fast and nimble as your codebase grows. You’ll get your hands on multiple solutions for managing state in large React applications including Redux, Redux Thunk, Redux Observables and MobX.
      React Hooks (tylermcginnis.com)
      Jul 23, 2019
      The marketing pitch for Hooks is that they allow you to add state and other React features to function components. In reality, they're much more than that. In this course you'll start by learning the mental model behind Hooks. Once you've got that you'll learn each Hook individually followed by a practical, real-world problem set to work through.
      React (tylermcginnis.com)
      Jul 23, 2019
      If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintains an average rating of 4.8/5. Since then we've rebuilt it from the ground up to include all of the best practices and newest APIs for building professional React apps in 2019.
      Complete React Developer in 2019 (w/ Redux, Hooks, GraphQL) (udemy.com)
      Jul 01, 2019
      Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase.
      • Andrei Neagoie
      • Yihua Zhang
      VR Applications using React 360 (egghead.io)
      Jun 25, 2019
      In this course, Tomasz Łakomy will show you how to use React 360 to create amazing 3D and VR experiences. You’ll build on your React foundation, using the component formatting you already know, and push it to another dimension to create web apps that can be enjoyed across mobile, desktop, and VR headsets. And you won’t need to use crazy complex tools like WebGL to do it — just React!
      • Tomasz Łakomy
      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

      Latest Podcast Episodes

      Jamison Dance on Soft Skills and React Rally (reactpodcast.com)
      Aug 15, 2019
      This week we talk Jamison Dance about the parts of programming that are distinctly non-technical. We talk about the perfect TLD, working with a team, finding psychological safety, the organization of React Rally, and how to recycle batteries.
        State In React (syntax.fm)
        Aug 14, 2019
        In this episode of Syntax, Scott and Wes talk about state in React: local state, global state, UI state, data state, caching, API data and more!
        Permformance that Matters with Ram N (devchat.tv)
        Aug 13, 2019
        Ram N, a member of the React Native core team, joins the panel to discuss performance. After a small sidetrack discussion about AR and VR, the panel jumps into the discussion about performance and how to measure performance that matters. Ram defines performance and what qualifies as a performance scenario.
        • Josh Justice
        • Charles Max Wood
        • Ram N
        Learning React and TypeScript in Public with Shawn "swyx" Wang (devchat.tv)
        Aug 13, 2019
        Today’s guest Shawn Wang is a career changer starts off the show about how he got from finance to programming. The panel talks about how they each got started in programming. Shawn explains his Learn In Public manifesto. They discuss the benefits of learning in public and how concepts like Cunninham’s Law and lampshading can be a good thing.
        Eve Porcello on Learning GraphQL (reactpodcast.com)
        Aug 08, 2019
        This week we talk with Eve Porcello about getting started with GraphQL.

        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

        Senior Software Engineer (snap.hr)
        notonthehighstreet / London, UK
        Aug 19, 2019
        Our future stack will be predominantly Javascript based with React on the front end, GraphQL and/or Node.js for our services and APIs, running on AWS functions. Our native apps and data will of course use few other different technologies. As Senior Engineer you will join one of our engineering teams building a new set of micro services and front end for Not on The High Street customers, partners and internal users.
            Software Engineer - Mobile (Acuity) (squarespace.com)
            Squarespace / New York, US
            Aug 13, 2019
            Acuity, a Squarespace company, is seeking a Software Engineer - Mobile to join our small, collaborative engineering team responsible for the end-to-end development of our Acuity application and the long-term vision of Acuity on mobile devices. This role reports to the Team Lead. Qualifications: 2+ years with React Native; Familiar with the react-native bridge; Have experience with react-native lists; Have worked with native modules and native ui components for a react-native app (on both iOS and Android).
                Front-End React.js Engineer - GitPrime (stackoverflow.com)
                Pluralsight / Remote
                Jul 30, 2019
                Our stack: React, Python/Django, Postgres on AWS. We are looking for very strong front-end React.js skills. Your primary focus will be on developing user interface components and implementing them following well-known React.js workflows (such as Flux or Redux). You will ensure that these components and the overall application are robust and easy to maintain.
                    Lead React Frontend Engineer (alacrity.workable.com)
                    Alacrity / London, UK / Remote
                    Jul 29, 2019
                    Alacrity is looking to hire a senior, self-driven engineer on a permanent, full-time basis. You will be working with our seasoned CTO, getting well defined and sourced tasks on state of the art technologies and methodologies. The Lead Frontend Engineer will take ownership of Alacrity's client-facing properties.
                        React Developer (join.picnic.app)
                        Picnic / Amsterdam, Netherlands
                        Jul 24, 2019
                        Picnic is looking for bright and energetic React Developers to work on our Runner App Stack. The stack consists of two applications: a mobile app that our runners use when delivering groceries (called the Runner App) and a web application to monitor the operation from our hubs (called the R+ console). Do you love writing high-quality code that works under any and all circumstances and is easy to maintain? Then look no further!
                            Senior React / ReactNative engineer (hire.withgoogle.com)
                            Endpoint Closing / El Segundo, CA, USA
                            Jul 16, 2019
                            Endpoint Closing aims to modernize the escrow closing process by removing legwork, faxes and emails and bringing the complex workflows of the escrow business into a state of the art app. We’re using AWS, NodeJS and React/ReactNative to deliver high quality technology to our growing user base. If you are excited about modernizing one of the last bastions of old school low tech, we’d like to talk to you.