React from Zero

by Kay Plößer

A gentle introduction to React
that builds from the ground up, using the JavaScript you already know.

Learning React doesn't have to be complicated

Sometimes learning React and all of it's dependencies can feel like too much to comprehend at once.

Being a newcomer can feel intimidating. It's obvious that many people find React useful, but there is so much boilerplate and confusing terminology.

React is built with JavaScript and you can write apps without adding tons of tooling at the beginning.

React from Zero is a short course in learning the core of React without getting lost in the ecosystem.

With React from Zero you can spend one weekend working through the basics of React, which will give you a firm foundation for building your own React apps.

Interested? Download the first chapter for free.

Table of Contents

  • What's the point of React? 1
  • Object Elements 2
  • The Element Factory 3
  • JSX 4
  • Nested Elements 5
  • Components 6
  • Props 7
  • Prop Types 8
  • Property Example 9
  • Nested Components 10
  • Components Classes 11
  • Lifecycle Methods 12
  • Building an App 13
  • More Lifecycle Methods 14
  • Refactoring Components 15
  • DOM Element Refs 16
  • Third-party Library Integration 17
  • Advanced Library Integration 18
  • Unit Testing 19
  • Creating your own Virtual DOM 20

Quickly learn the core of React

React from Zero is a 20-lesson course that takes you step-by-step how React works, using simple JavaScript, without a lot of extra tooling.

Each short lesson is designed to teach you one concept in React. By the end of the course, you'll have a solid foundation to build larger React apps.

Bite-sized lessons

Broken up into 20 small lessons

Complete Code

Every chapter has a runnable code example

Features

20 Short Chapters

Each chapter comes with a runnable code example

170+ Pages

Conciseness is a feature

5 Hours

Estimated reading time

Is React from Zero right for me?

Ask yourself these questions...

Do you find the learning curve of React to be difficult, when there are so many pieces?

Does React feel like a black box where you don’t quite understand what’s going on?

Does React feel "weird" because it mixes XML with JavaScript?

Have you had trouble navigating the tools, syntax, and buzzwords involved in building a React app?

Does it feels like the JavaScript world moves so fast and APIs for things change faster than you can keep up?

If you answered Yes to any of the above questions, then React from Zero can help

In React from Zero we return to the simplicity of loading JavaScript directly in our browser.

We'll start at the very beginning of why we need components and walk through the core features of components in React.

You'll learn how use React with "plain" JavaScript, as well as how JSX works (and how to use React, even if you don't want JSX).

We'll learn the core essentials of React components, one step at a time.

By the time you're done, you'll have a solid foundation for building larger React apps.

If you know JavaScript, but you want to learn the basics of React, the React from Zero is for you

Purchase the book today

Personal

📕 👩‍💻
The book and code.
Perfect for a solo dev who likes to read.

  • 170+ page PDF
  • Completed code
  • EPub
  • Mobi (Kindle)
  • 1 user
  • Price: $39

Personal plus Video

📕 👩‍💻 📺
The book, code, and video.
Perfect for a solo dev who likes to read and watch video!

  • 170+ page PDF
  • Completed code
  • EPub
  • Mobi (Kindle)
  • 1 user
  • 1-hour React from Zero video course
  • Price: $79
  • † Video Released Q4 2018
Most popular!

Note: this is for instant download of the finished book. The video tutorial will be available Q4 2018

Team license

📕 👩‍💻 👨🏾‍💻 👩🏻‍💻 📺
The book, code, and video.
Perfect for the whole team

  • 170+ page PDF
  • Completed code
  • EPub
  • Mobi (Kindle)
  • Up to 10 users
  • 1-hour React from Zero video course
  • Git repository access for both code and manuscript
  • Invoice billing available
  • Price: $599
  • Price: $399
  • † Video Released Q4 2018
Team & save $200

Note: this is for instant download of the finished book. The video tutorial will be available Q4 2018

What's the difference between React from Zero and Fullstack React?

React from Zero Fullstack React
Focuses just on React core Covers whole React ecosystem
Describes how React works and the fundamental components Describes how to build apps using React and third-party libraries
Short: just 170 pages Long: 830 pages
Time: work through the code in a weekend Time: work through the code over a few weeks
Right for you when: you want master the basics Right for you when: you want to build complete apps, using the whole ecosystem

I'm wondering...

How long is the book?

The book has 20 chapters totaling a little over 170 pages

Is the book complete?

Yes!

The video is currently in progress. If you choose the Full package, the video course will be released in Q4 2018.

Do I have to know JavaScript?

Yes, we assume you know the basics of the language. But you don't need to be completely up-to-date: we teach the latest language features in case you're not familiar with them.

How long is the video screencast?

The screencast is currently unfinished, but we expect it will be between 1 and 2 hours long.

Are there free updates?

Yes!

Buying now entitles you to free updates for at least one year after purchase.

Do I have to know React?

Nope! We've written the book so that it can be used even if you aren't familiar with React.

Can I read a sample for free?

Absolutely. You can download the first chapter here.

How do I download the book and updates?

If you've purchased the book, you can download it from your Gumroad library

How up to date is the book?

The entire book is up to date with the latest release of React

What if I don't like it?

If you're unhappy with the book or content, just reach out to us and we'll give you a full refund. There's no risk.

Our promise to you

We're independent authors and we aim to make the highest quality books on React in the industry.

There's no risk: if you're not satisfied for any reason, send us an email and we'll give you a full refund.

Contact us

If you have any questions or concerns, we'd love to hear from you