Learning React

This series lays the groundwork for using React to build React Native mobile applications. For simplicity, we’ll use the web version of React, that way you can easily follow along with minimum friction.

What we’ll learn

  1. Intro
  2. Notes App
  3. JSX
  4. Events and State
  5. Pascal Triangle (Bonus)

Each lesson starts from the same basic project template, downloadable here [⇲].

If that isn’t your thing, or you just want to know what it looks like:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Learning React</title>
    <link rel="stylesheet" href="lib/style.css" />
  </head>
  <body>
    <div id="entry-point"></div>

    <script src="lib/react.js"></script>
    <script src="lib/react-dom.js"></script>
    <script src="lib/babel.js"></script>

    <script type="text/babel">
      // Intentionally blank. Your walk-through code will go here
    </script>
  </body>
</html>

With the following required dependencies:

  1. React: The cross-platform API for authoring React apps.
  2. ReactDOM: The browser rendering engine for React.
  3. Babel Standalone: An in-browser code compiler (we’ll need this in later lessons).
  4. Project Styles: Our project styles, so you can focus on React.

Just be sure to link them up correctly in your local workspace!