Logo Awesome React

Awesome React

All the latest and hottest news about React, a comprehensive overview of the best resources to get started, awesome playlists, talks from conferences and so much more...

One new React Hook recipe every day

One new React Hook recipe every day

useLocalStorage, useHover, useWindowSize, useAnimation, useDebounce, ...

November 22, 2018
[Affiliate] Black Friday Sale! All Wes Bos courses 50% off

[Affiliate] Black Friday Sale! All Wes Bos courses 50% off

React For Beginners - ES6+ For Everyone - Learn Node - Advanced React and GraphQL

November 20, 2018
Hyperscript Tagged Markup: A JSX Alternative using Standard Tagged Templates

Hyperscript Tagged Markup: A JSX Alternative using Standard Tagged Templates

htm is JSX-like syntax in plain JavaScript - no transpiler necessary. Develop with React/Preact directly in the browser, then compile htm away for production. It's built using Tagged Templates and the browser's HTML parser.

November 20, 2018
The React Podcast #29 -  Don't Rewrite Your App for Hooks and Suspense with Jared Palmer

The React Podcast #29 - Don't Rewrite Your App for Hooks and Suspense with Jared Palmer

Jared Palmer is a passionate JavaScript developer, pushing developer ergonomics in React with projects like formik and react-fns. Chantastic asks about what Suspense and Hooks mean for existing apps and what we should know to migrate our code sanely. They discuss why doing away with render props is a good thing, why Hooks are up to the task, and how Hooks and Suspense will impact libraries like formik, react-fns, and the-platform.

November 20, 2018
Tinder Swiping - “Can it be done in React Native?” (Using Reaminated)

Tinder Swiping - “Can it be done in React Native?” (Using Reaminated)

Check out the latest video in the series "Can it be done in React Native"

November 19, 2018
Talks Worth Watching @ React Conf 2018

Talks Worth Watching @ React Conf 2018

There are over 12 hours of videos from React Conf this year and you might be overwhelmed by the amount of knowledge being dropped. So don’t worry about missing something great: Adam and Tam attended all of the talks at React Conf this year and curated a list of our favourites with an explanation of why you might want to watch them (in no particular order).

November 14, 2018
The React Podcast #28 - Be Healthy and Love Gatsby with Jason Lengstorf

The React Podcast #28 - Be Healthy and Love Gatsby with Jason Lengstorf

Jason Lengstorf is a developer advocate at Gatsby and productivity speaker/author. Chantastic asks about what the Gatsby team is up to, why Gatsby makes sense, and how their team is growing a vibrant JavaScript community. They talk about GraphQL, why there’s no site that couldn’t be static assets, connecting Gatsby to your existing API, and productivity tips for staying fresh and capable at work.

November 14, 2018
Why React Hooks, and how did we even get here?

Why React Hooks, and how did we even get here?

Hooks have learned from the trade-offs of mixins, higher order components, and render props to bring us new ways to create contained, composable behaviors that can be consumed in a flat and declarative manner.

November 12, 2018
How to fetch data with React Hooks?

How to fetch data with React Hooks?

In this tutorial, I want to show you how to fetch data in React with Hooks by using the state and effect hooks. We will use the widely known Hacker News API to fetch popular articles from the tech world. You will also implement your custom hook for the data fetching that can be reused anywhere in your application or published on npm as standalone node package.

November 12, 2018
An Introduction to Hooks in React

An Introduction to Hooks in React

If you've been reading Twitter you probably are aware that Hooks are a new feature of React, but you might be asking how do we actually use them? In this post, we're going to show you a bunch of examples on how to use hooks.

November 8, 2018
Book: The Road to GraphQL - Your journey to master pragmatic GraphQL in JavaScript with React.js and Node.js

Book: The Road to GraphQL - Your journey to master pragmatic GraphQL in JavaScript with React.js and Node.js

Your journey to master GraphQL in JavaScript the pragmatic way with React, Node and Apollo by building real world applications.

November 5, 2018
The React Podcast #27 - React Today and Tomorrow with the React Core Team

The React Podcast #27 - React Today and Tomorrow with the React Core Team

The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldn’t worry about the second argument of useEffect.

October 31, 2018
A new playlist all about React Hooks

A new playlist all about React Hooks

React Hooks is an exciting new feature in the world of React. It makes it possible to add state to a Function Component. Learn how to use Hooks with these videos.

October 30, 2018
What are React Hooks?

What are React Hooks?

React Hooks were introduced at React Conf October 2018 as proposal for React 16.7. as a way to use state and side-effects in React function components. Whereas function components have been called functional stateless components (FSC) before, they are finally able to use state with React Hooks. Therefore, many people refer to them as function components now.

October 29, 2018
Introducing Hooks

Introducing Hooks

Hooks are a new feature proposal that lets you use state and other React features without writing a class. They’re currently in React v16.7.0-alpha and being discussed in an open RFC.

October 29, 2018
React Conf 2018 talks are up

React Conf 2018 talks are up

Lots of great talks! Watch React Today and Tomorrow and 90% Cleaner React for all the infos on the new proposal React Hooks.

October 28, 2018
The React Podcast #26 - Chill Out and Listen with Brad Frost

The React Podcast #26 - Chill Out and Listen with Brad Frost

Brad Frost is the author of Atomic Design, renowned speaker, and consulting designer. Chantastic asks him about his recent experience learning React and the difficulty he found entering the realm of React. They talk about team communication, developing portable solutions, organizational therapy through design, and creating a virtuous cycle between product, design, development, and systems creating. They address the challenges of learning UI design in an industry being consumed by JavaScript, the importance of listening and the value of finding nuance in communication.

October 23, 2018
React Native Radio #108 - Reanimated, React Native Screens & More feat. Krzysztof Magiera of Software Mansion

React Native Radio #108 - Reanimated, React Native Screens & More feat. Krzysztof Magiera of Software Mansion

In today’s episode of the React Native Radio podcast, Nader Dabit, Peter Piekarczyk,and Mike Grabowski speak with Krzysztof Magiera. Krzysztof talks about his recent libraries on Native Driver, Gesture Handler, Reanimated, React Native Screens. The panel and Krzysztof dive deep into Gesture Handler and give insight on the best use cases. This is a great episode to learn about Krzysztof and his most current company and projects.

October 17, 2018
The React Podcast #25 - Make Brilliant Messes with Diana Mounter and Emily Plummer

The React Podcast #25 - Make Brilliant Messes with Diana Mounter and Emily Plummer

Diana and Emily create design systems at Github. Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier. They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers. It’s a great discussion for everyone looking to improve processes in a legacy application.

October 16, 2018
[Affiliate] New course: Fullstack Advanced React & GraphQL by Wes Bos

[Affiliate] New course: Fullstack Advanced React & GraphQL by Wes Bos

Build an online store with React and GraphQL. Just as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data. With a focus on modern JavaScript and real world application, this course is a start-to-finish way to learn Full Stack Advanced React, GraphQL, Node.js and friends. Join Wes as he shows you how to build a full stack online store with some of today's top JavaScript technology.

October 11, 2018
The React Podcast #24 - Chase Whimsy with Burke Holland

The React Podcast #24 - Chase Whimsy with Burke Holland

Chantastic asks Burke Holland about Five Things, VS Code can do that?!, and what brought him to computers. They discuss Windows 98 UI, React at Microsoft, the gateway drug to TypeScript, React Food Truck, and how how he discovered the identity of horse_js.

October 9, 2018
React Native Radio #107 - React Native at Airbnb & Working at Tonal feat. Gabriel Peal

React Native Radio #107 - React Native at Airbnb & Working at Tonal feat. Gabriel Peal

In today's episode of React Native Radio, Nader Dabit, Peter Piekarczyk & Spencer Carli talk with Gabriel Peal. Gabriel is the author of the Medium blog post “Sunsetting React Native” & formally worked with React Native Android at Airbnb. Gabriel has worked with Android for 6 years at Google & Airbnb. Gabriel is on the show to talk about Flutter, React Native, & hist current work at Tonal.

October 8, 2018
Implement i18n to a Gatsby site

Implement i18n to a Gatsby site

In this article we will implement i18n (Internationalization) to a Gatsby site using react-intl and React context API.

October 7, 2018
The React Podcast #23 - Ditch Authority with Sunil Pai

The React Podcast #23 - Ditch Authority with Sunil Pai

Chantastic talks with Sunil Pai about Facebook, Oculus, and what the future holds for the JavaScript community. They discuss Sunil’s early adventures in programming, the power of a great manager, why firebug changed everything, why he scowls at models, the ways we protect ourselves from criticism, being “evil by accident”, and becoming The CSS Guy for the rest of eternity.

October 2, 2018