React functional Components

In React you can define and instantiate components in many different ways. One of the most common and most concise way is to use "functional components". This topic is all about exploring functional components and learning how they work and how to use them.

2 resources available

How To Master Advanced React Design Patterns: Render Props

In this tutorial, we will discuss the 'render props' design pattern. This design pattern can be a bit of a head scratcher at first and in order to truly grasp how it exactly works, we need a in-depth understanding of the top level React API and how the JSX code we write is converted to javascript. So [continue]

Tutorial by Shaun David Hutch

Functional Stateless Components in React.

React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass. They are cleaner, have the potential to be more performant as React develops, and encourage good patterns in your React codebase that will [continue]

Article by Jack Franklin

What is a functional React component / What are functional components good for / How to access props in a Functional Component / React functional components vs class / ES6 classes vs. function components: which to use?