What's new in React

Latest Articles & Tutorials

Next.js 10 (nextjs.org)
Oct 27, 2020
Next.js 10 introduces Built-in Image Optimization, Internationalized Routing, Next.js Analytics, React 17 Support, and more.
  • Tim Neutkens
  • Joe Haddad
  • JJ Kasper
  • Davis Connor
  • Luis Alvarez
  • Shu Uesugi
Run Code in React Before Render (daveceddia.com)
Oct 27, 2020
Want to run some code before your React component renders? There are a few ways to make this work, and we’ll talk about them here.
    How to move around blocks of code with React and Tailwind (flaviocopes.com)
    Oct 27, 2020
    While working on a Next.js website I had the need to move a React component to a whole different place in my markup, depending on the size of the screen.
    Building an Ecommerce Operational Dashboard in React (telerik.com)
    Oct 26, 2020
    We will be constructing an Operational Dashboard in React for an ecommerce store, utilizing a number of charts and components from KendoReact.
    Best Practices with React Hooks (blog.bitsrc.io)
    Oct 26, 2020
    In this post, I will share 6 tips about React Hooks that will be useful to keep as a guideline as you implement hooks into your components.
    • Nathan Sebhastian
    Introducing Framer Motion (smashingmagazine.com)
    Oct 26, 2020
    With Framer Motion, you don’t need to be a CSS expert to make beautiful animations. Framer Motion provides us with production-ready animations and a low-level API we can interact with to integrate these animations into our applications.
    • Nefe Emadamerho-Atori

    Latest Video Guides & Talks

    Handling 404 pages (catch all routes) with React Router v5 (youtube.com)
    Oct 27, 2020
    In this video you'll learn how to implement catch all routes for handling 404 pages with React Router v5.
    Protected routes and authentication with React Router v5 (youtube.com)
    Oct 26, 2020
    In this video, you'll learn how to create authenticated routes (routes that only certain users can access based on their auth status) using React Router v5.
    useEffect and useLayoutEffect (youtube.com)
    Oct 26, 2020
    In this video we'll learn you how and when to use useEffect and/or useLayoutEffect in React. We will also learn about side-effects.
    • Bruno Antunes
    Using the KwesForms form service with React (youtube.com)
    Oct 22, 2020
    In this video we'll learn how to add the KwesForms form service to a React / Next.js app. We'll create custom validation, learn about answer piping, and talk about notification and confirmation emails.
    All About React Query (with Tanner Linsley) (youtube.com)
    Oct 21, 2020
    There‘s a lot of buzz about React Query and how much it can simplify your development workflow. In this episode, we’ll learn all about it from the TanStack creator himself!
    • Jason Lengstorf
    • Tanner Linsley
    React Slider with Material UI and Typescript (youtube.com)
    Oct 20, 2020
    This is a video on how to use data from the Final Space API to populate a React Slider Component that I built a while ago.
    • Thomas Weibenfalk

    Latest Books & Guides

    React Native Express (reactnative.express)
    Sep 01, 2020
    The all-in-one guide to React Native
    • Devin Abbott
    Learning React, 2nd Edition (oreilly.com)Get it on Amazon
    Jun 30, 2020
    If you want to learn how to build efficient React applications, this is your book. Ideal for web developers and software engineers who understand how JavaScript, CSS, and HTML work in the browser, this updated edition provides best practices and patterns for writing modern React code. No prior knowledge of React or functional JavaScript is necessary.
    The Ultimate Guide to React Native Optimization (callstack.com)
    May 14, 2020
    This guide is a collection of the most relevant and effective tips, tricks, tactics, and solutions for optimizing React Native apps. They are based on our experience as senior developers and Core Contributors to React Native.
    • Mike Grabowski
    • Jakub Mazurek
    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

    Latest Courses & Video Series

    Code 15 React Projects - Complete Course (youtube.com)
    Oct 27, 2020
    Improve your skills with the React JavaScript library by building 15 projects using React.
    • John Smilga
    React Essentials (weibenfalk.teachable.com)
    Oct 06, 2020
    Do you love movies as much as I do? And are you tired of trying to find a tutorial that will teach you what you need to know about React?
    • Thomas Weibenfalk
    Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks (youtube.com)
    Oct 06, 2020
    Learn the basics of React in this comprehensive course. You will learn about fundamentals, hooks, context API, react router, custom hooks, and more.
    • John Smilga
    React for Everyone (leveluptutorials.com)
    Oct 01, 2020
    Welcome to React For Everyone! In this series, we will cover modern React techniques from top to bottom. Both beginners and intermediate level React users will get a lot from this series. Let’s get started!
    Epic React (epicreact.dev)
    Sep 29, 2020
    Confidently ship well-architected production ready React apps like a pro.
    useEffect Over Lunch (useeffectoverlunch.com)
    Sep 18, 2020
    Get confident with useEffect in under an hour.

    Latest Podcast Episodes

    Eli White on Principles and React Native (reactpodcast.com)
    Oct 22, 2020
    Eli White shares the five core principles guiding React Native devolvement: native experience, at massive scale, fueling developer velocity, on every platform, with declarative ui.
    Kent C. Dodds on Epic React (reactpodcast.com)
    Oct 01, 2020
    Kent C. Dodds spills the tea on his latest course, workshop, masterclass, creation Epic React.
    Sam Selikoff on Finding a Full Stack React (reactpodcast.com)
    Sep 17, 2020
    Sam Selikoff and chantastic dissect the challenges of transitioning from bundled, batteries-included frameworks (like Rails) to unbundled, choose your own adventures frameworks like React.
      Arunoda Susiripala — Building Storybook, Meteor, Next and communities on open source (anchor.fm)
      Aug 22, 2020
      Arunoda is a prolific open source contributor, having built Storybook, and being a core contributor to MeteorJS and NextJS. He and I talk about how he started his career in open source, which led to him freelancing, then building Kadira (an performance monitoring tool for MeteorJS) and Storybook. After leaving the Meteor community he went on to work with Vercel as a maintainer of NextJS and their core hosting platform.
      • Arunoda Susiripala
      • Matthew Weeks
      Tom Coleman on Storybook v6 (reactpodcast.com)
      Aug 13, 2020
      Tom Coleman tells us what's new in Storybook 6. He elaborates on headline features of controls, composition, and args and how they'll take your component documentation and exploration to the next level!
      Kadi Kraman — React Native, leading teams, and consulting for major companies (anchor.fm)
      Aug 09, 2020
      Kadi talks to me about her React Native course on Frontend Masters, and her career as an engineer. Kadi is a senior engineer and engineering manager at Formidable Labs.
      • Kadi Kraman
      • Matthew Weeks

      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.