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

Custom Live Preview for Gatsby Sites with Heroku

Custom Live Preview for Gatsby Sites with Heroku

Gatsby is awesome, but one disadvantage is the lack of immediate visual feedback for an editor using a CMS. The Gatsby team is well aware of this and currently working on a solution called Gatsby Preview to let you see content changes before going live. But it's currently invite only and at first only for Contentful CMS. In the meantime you could build your own. Here's how.

January 22, 2019
Webinar: Behind the Scenes: What makes Gatsby Great

Webinar: Behind the Scenes: What makes Gatsby Great

Join the Gatsby team for a webinar on Wednesday, January 30th, 9am PT/12pm ET to hear from Dustin Schau (Gatsby Software Engineer) for a behind the scenes sneak peek into what powers Gatsby.

January 22, 2019
React Introduction For People Who Know Just Enough jQuery To Get By (2019 version)

React Introduction For People Who Know Just Enough jQuery To Get By (2019 version)

2019 version of @chibicode’s "React.js Introduction For People Who Know Just Enough jQuery To Get By"

January 18, 2019
The React Podcast #35 - Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web

The React Podcast #35 - Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web

Matt Perry is the developer behind PopMotion, a declarative animation library for the web. Chantastic asks his inspiration for PopMotion, the difficulties of maintaining a low-level open source library, what he things declarative APIs might look like in the future. They’re discussion goes all over the place. You kinda just have to listen…

January 17, 2019
Tech Choices I Regret at Spectrum

Tech Choices I Regret at Spectrum

With the benefit of hindsight, here are the technology choices Max Stoiber regrets and the lessons he has learned while building Spectrum.

January 16, 2019
React Native's new architecture - Glossary of terms

React Native's new architecture - Glossary of terms

As the React Native team is working on the new architecture, there have been a few terms used to describe the various pieces. This post by Parashuram N aims to clarify some of the terms and points to places in the repository with relevant code.

January 15, 2019
Modern publications with Gatsby & Ghost

Modern publications with Gatsby & Ghost

With the recent updates to the Ghost API, it’s now possible to use Ghost as a completely decoupled headless CMS and bring your own front-end written in Gatsby.js

January 14, 2019
The React Podcast #34 - Just Use a Button with Jen Luker

The React Podcast #34 - Just Use a Button with Jen Luker

Jen Luker is a lead software engineer at Formidable Labs, keynote speaker, host of @BookBytesFM, and expert knitter. Chantastic asks her about the Fiber Arts Corner at React Conf, the history that textiles and programming share, and how we can make our apps more accessible.

January 9, 2019
How to learn React.js in 2019

How to learn React.js in 2019

How to learn React is high on the agenda for plenty of JavaScript developers for this year. The recent State of JS survey has shown that many developers are content with React for creating modern web applications. However, due to its popularity and job demand, there are still many JavaScript developers who want to learn React. In this guide, I want to give beginners a comprehensive overview of how to approach learning React without getting distracted or overwhelmed by other topics along the way.

January 1, 2019
devMode.fm #29 - Structured Content Done Right with San​i​ty​.io

devMode.fm #29 - Structured Content Done Right with San​i​ty​.io

In this episode we have on Knut Melvær from San​i​ty​.io to talk about cre­at­ing struc­tured con­tent in the ​“head­less” CMS that is San​i​ty​.io!

December 24, 2018
The React Podcast #33 - Transcendence and the Future of React with Laurie Voss

The React Podcast #33 - Transcendence and the Future of React with Laurie Voss

Laurie Voss is the Co-founder/COO of npm. He’s traveling the world and telling developers about npm and the future of JavaScript. Chantastic asks about his bold predictions for 2019, what the future brings for React, and how React could beat web components. They talk about fresh npm commands and security features, why teams are picking Vue or Ember, some sad truths about maintaining a diverse company, and the lgbtq.technology slack.

December 19, 2018
The React Podcast #32 - Steal the Platform with Vincent Riemer

The React Podcast #32 - Steal the Platform with Vincent Riemer

Vincent Riemer is the creator of io808.com and react-native-dom. He loves working on projects that challenge assumptions and inspire play. Chantastic asks him about his shoes, the inspiration behind and execution of io808.com and his mad scientist adventures with react-native-dom. They discuss the importance of exploration, the worthlessness of linters, and how to steal the platform.

December 12, 2018
The React Podcast #31 - Hooks are Mixins with Ryan Florence

The React Podcast #31 - Hooks are Mixins with Ryan Florence

Ryan Florence is the co-creator of React Router and creator of accessibility-first React libraries Reach Router and Reach UI. Chantastic sits with him to talk about Hooks on the night before they're announced. They talk about React's API growth, if Suspense has taken React to framework-land, what caches and resources mean for developers, and the rebirth of mixins as Hooks.

December 4, 2018
React Christmas: A React Advent Calendar

React Christmas: A React Advent Calendar

There’s a React-themed advent calendar that’s currently live and presenting a bite-sized slice of React wisdom each day. Now is a great time to get started.

December 1, 2018
Overrated.io: New personal blog by Dan Abramov

Overrated.io: New personal blog by Dan Abramov

React core team member Dan Abramov has started a blog called Overreacted where he turns a spotlight to React concepts and explains them in a straightforward manner. First blog post: Why Do We Write super(props)?

November 30, 2018
The React Podcast #30 - Develop in the Cloud with Christina Holland

The React Podcast #30 - Develop in the Cloud with Christina Holland

Christina is a developer at Google and speaker at React Conf 2018. Chantastic asks her about her cloud development process. They talk about changing careers, building brains, cheating imposter syndrome, speaking at conferences, and all the services you'll need to create your next app with with less software and fewer servers.

November 28, 2018

The React 16.x Roadmap

If you’ve been following the React world over the past year, you’ll have run into a variety of new concepts like hooks and ‘Suspense’ and possibly wondered how it all fits into the big picture. This post explains it all and how these features will become fully supported in final React releases.

November 27, 2018
One new React Hook recipe every day

One new React Hook recipe every day

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

November 22, 2018
A React State of Mind (State of JavaScript Survey 2018)

A React State of Mind (State of JavaScript Survey 2018)

JavaScript is developing at such a rapid pace. It’s no wonder the State of JavaScript survey is something we wait for each year to see exactly what state of mind developers are in. This year is a continuation of the popularity we saw last year by React and friends. It is no surprise that React dominates the narrative again.

November 21, 2018
Under the hood of React’s hooks system

Under the hood of React’s hooks system

We’ve all heard about it. The new hook system of React 16.7 has made a lot of noise in the community. When you think about hooks they’re kind of magical. So how the heck do they work?

November 21, 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