In this series, you’ll learn React’s fundamentals by building an animated fractal. And you won’t even need to leave your browser! All of the exercises can be completed with the embedded editors – without downloading or installing anything.
React frees you from the binds of HTML by letting you create custom elements. And the best part? All it takes is a simple function.
Let's pop the hood and see how React actually updates the DOM. And animate a fractal tree while we're at it...
Familiarize yourself with React Events through exercises. Start with the basics before learning about custom events and components.
React doesn't require JSX. But given the option, it will certainly save you keystrokes – as these live examples demonstrate.
By the end of this guide, you’ll have built your own animated fractal tree. Here’s a sneak peak – you can start the animation by clicking the button, and you can even change the animation by editing the two blue numbers.
Even if this seems like black magic now, it’ll be clear as day by the end of the series.Go to part 1: React's Most Basics
React Armory is constantly improving. Make sure you don’t miss out on the latest guides, examples and subscriber-only resources by subscribing now.