From 647416c7d3abc770a009ef27c52d92489a23362e Mon Sep 17 00:00:00 2001 From: Charles-Axel Dein Date: Mon, 19 Oct 2020 11:13:18 +0200 Subject: [PATCH] Improve front-end course --- training/front-end/02-react.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/training/front-end/02-react.md b/training/front-end/02-react.md index 5e85c8e..aca3000 100644 --- a/training/front-end/02-react.md +++ b/training/front-end/02-react.md @@ -7,6 +7,7 @@ - [Before getting into React...](#before-getting-into-react) - [Manipulating the DOM](#manipulating-the-dom) - [Learning React](#learning-react) + - [Using CodeSandbox](#using-codesandbox) - [Exercise](#exercise) - [Self-assessment](#self-assessment) @@ -37,6 +38,16 @@ Follow the tutorial: https://reactjs.org/docs/hello-world.html We have chosen this tutorial over the "learn by doing" one because it introduces the concepts behind React. It is very well done and very complete. +### Using CodeSandbox + +It is a good exercise to start from a Vanilla JS template and setup +CodeSandbox. + +1. Go to https://codesandbox.io/ +2. Start a Vanilla JS project +3. Add `react` and `react-dom` dependencies +4. Add the simplest React app from the tutorial and get it to work! + ## Exercise Use one of our hiring exercises.