React makes building frontends in JavaScript pleasurable, and has an extremely rich ecosystem.


Each lesson focuses on a single aspect of building the project, like modeling the data, building a GraphQL server in Elixir, or building a mobile client for it in Flutter.


Setting up a React App

Starting a React App, writing tests, and adding Flow.js to it.

Adding Redux and ImmutableJS

Setting up Redux in our application, along with ImmutableJS

Connecting our App to an API

Integrating our React App with an API using apisauce and decoders.

Exporting your React Project as a Lib

How to transform your React project into a lib and export it using babel

Integrating CSS with a React Library

How to integrate CSS from a React Library into a project

Using Phoenix + React together

Integrating React in a Chat Phoenix App

Using Ant Design

Improving our Chat using Ant Design

Routing in React

Using react-router and checking other routing libraries

Using NextJS + Semantic UI

Building a blog in React using Semantic UI and NextJS

TypeScript + React

A quick rundown on TypeScript + React together

Using Redux with NextJS and Deploying with Now

Setup Redux in our NextJS app and deploying with Now


Redux First Router - First Impressions

Using Redux First Router

React and FuseBox together

Using FuseBox rather than webpack to build our React project

Formulae React

React bits from Formulae

Using MobX with React Native

Managing the state with MobX


Introduction to React VR

What is React VR and how to start building apps with it.

Images and Animations in React VR

Handling images and animating them

User Interaction and more animations in React VR

Handling interactions from the user

Creating a Travel App

Using React VR to travel to different places

Controlling an app with your face

Work with mouse events and VR gazer pointer in React VR


The code in the applications was produced by:

./franzé jr

Franzé Jr

Software Engineer with experience working in multi-cultural teams, Franze wants to help people when he can, and he is passionate about programming and Computer Science. Founder of where he can meet people all over the World. When Franze is not coding, he is studying something about programming.

Featured Lessons

Our content library is pretty great, here are a few lessons we think you might like.

What our Superusers are Saying!

Some other people were willing to publicly state that they like us!

Taylor Dolezal

Software Architect

Smooth Terminal has easily been one of the most helpful resources on my journey to better understand Elixir and the Phoenix web framework.

James Edward II


With any language there are so many details to learn. What functions are built-in? How should I structure my code? What tools are available for improving my workflow? It’s rare to find one source that can answer so many of these questions, but Smooth Terminal does this and more.

Rex Van Der Spuy

Game developer

Smooth Terminal is by far the best resource for learning Elm anywhere, and among the very best online learning platforms, period.