Logo Awesome React

Awesome React

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

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.

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

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.

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

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"

Talks Worth Watching @ React Conf 2018
LinkNovember 14, 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).

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

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.

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

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.

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

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.

An Introduction to Hooks in React
LinkNovember 8, 2018

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.

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

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.

The React Podcast #27 - React Today and Tomorrow with the React Core Team
LinkOctober 31, 2018

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.

A new playlist all about React Hooks
LinkOctober 30, 2018

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.

What are React Hooks?
LinkOctober 29, 2018

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.

Introducing Hooks
LinkOctober 29, 2018

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.

React Conf 2018 talks are up
LinkOctober 28, 2018

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.

The React Podcast #26 - Chill Out and Listen with Brad Frost
LinkOctober 23, 2018

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.

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

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.

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

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.

devMode.fm #23 - Build Blazingly Fast Websites with Gatsby
LinkOctober 15, 2018

devMode.fm #23 - Build Blazingly Fast Websites with Gatsby

On this episode we’re joined by Jason Lengstorf to talk about the amaz­ing Gats­by, a tool to help you build blaz­ing­ly fast sta­t­i­cal­ly gen­er­at­ed web­sites. As a bonus, we’re joined by Mark Huot of CraftQL plu­g­in fame to dis­cuss how Gatsby’s con­tent aggre­ga­tor mod­el mar­ries with GraphQL in bliss­ful fashion.

The React Podcast #24 - Chase Whimsy with Burke Holland
LinkOctober 9, 2018

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.

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

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.