Learn React The Right Way

The up-to-date, in-depth, complete guide to React and friends.
Become a ReactJS expert today.

"The best resource for learning and using React"

--Simonpietro Nonnis

Stop wasting your time learning React with incomplete and confusing tutorials

  • There are so many incorrect, confusing, and out-of-date blog articles

    One tutorial says one thing and another says something completely different.

  • There are too many options

    There are fifty different boilerplates and a dozen different Flux implementations. Which one is best?

  • React is only the view layer?

    Then how are we supposed to write our models and controllers? Do we even have those anymore?

  • Googling only takes you so far...

    There aren't many good tutorials that show how everything works together.

  • Time is money

    And piecing together hundreds of blog posts isn't exactly fun.

  • React and all the crazy libraries update so often, how can anyone expect to keep up?

    With such an active community, there are so many updates it feels impossible to know about what's best and what's just noise.

  • How does it all fit together?

    React is a modular ecosystem but API docs often focus on one library and don't show the forest for the trees.

  • Still not hitting your deadlines?

    Learning a new framework can be fun, but we're spending all this time learning and we still have a job to do...

Interested? Download the first chapter for free.

React has many moving parts

  • Props

    Props are the "arguments" to your components

  • Event Handlers

    onClick specifies a function that we can call when an element is clicked

  • Nested Components

    Components can be used by other components. A React app is a tree of nested components

  • Dynamic Attributes

    By mixing code and markup, we're able to easily change the view based on state

React apps are made of components
JSX puts HTML in your JavaScript

React is an Ecosystem

  • React-proper is only the view-layer, but there is a lot to learn in order to make it work together.

  • GraphQL

    GraphQL is a powerful alternative to REST that lets client applications specify their own typed views.

  • Relay

    Relay is a new way of structuring client applications that co-locates data-fetching requirements and React components.

  • Routing

    React doesn't have built-in support for routing, but there is a popular library that plays nicely with others.

Ready To Master React?

What if you could master the entire framework in less time, with solid foundations, without beating your head against the wall? Imagine how quickly you can get all of your work done with the right tools and best practices.

Seriously, let's stop wasting time scouring Google, searching through incorrect, out-of-date, blog posts and get everything you need to be productive in one, well-organized place, complete with both simple and complex examples to get your app up and running.

You'll learn what you need to know to work professionally and build solid, well-tested, optimized apps with ReactJS. This book is your definitive guide or your money back.

“I've been wanting to dig into React for ages, but hadn't found an accessible route. I really enjoy this book's example-driven approach. Makes everything very easy to understand.”

Matt Boys - Data Science, Facebook

Tons of sample code

Lots of runnable code

When you get access to Fullstack React, you're not getting just a book, but access to live code examples. Every chapter in the book comes packed with a complete project that builds on the concepts of the chapter.

15 Chapters

Every chapter focuses on a different part of the ecosystem, but in the context of an app. So you'll see how everything fits together.

Complete Sample Apps

Several sample applications, ranging from simple to complex are included with every copy of the book.

Always up-to-date

As the React framework matures, so does the book and code. Our team has a history of keeping our books up date - we've released updates for our books on Angular over 50 times.

Detailed explanations

We explain, in detail, nearly every concept in every chapter. By the end of the book, you'll understand React really well and feel comfortable writing your own apps.

Book Contents

  • Writing Your First React App 1
  • Our First Component 1.5
  • Thinking in React 2
  • Component Data Flow 2.5
  • Server Communication 3
  • Loading Async State 3.5
  • JSX and the Virtual DOM 4
  • JSX in Depth 4.5
  • Advanced Components 5
  • Stateless Components 5.5
  • Forms in React 6
  • Form Validations 6.5
  • Using Webpack with `create-react-app` 7
  • How Webpack works 7.5
  • Unit Testing 8
  • Jest & Enzyme 8.5
  • Using Redux 9
  • Your First Reducer 9.5
  • Intermediate Redux 10
  • Advanced Reducer Composition 10.5
  • Container and Presentational Components in Redux 11
  • Redux Action Creators 11.5
  • Routing New! 12
  • React Router v4 New! 12.5
  • Using GraphQL 13
  • GraphQL Connections and Edges 13.5
  • Writing a GraphQL Server 14
  • Resolving Data with GraphQL 14.5
  • Relay New! 15
  • Relay and Routing New! 15.5
  • React Native 16
  • Layout in React Native 16.5

Get a sample chapter

Build your first React app in minutes
for free.

Get a free sample chapter and check it out for yourself. We will only send you emails about the book (including updates). We will never send you spam and it's easy to unsubscribe!

What people are saying:

Max Gram CTO at Property.ca

“This is a "must have" book, even for for advanced developers.”

Dominik Bułaj Web Developer

“What I really missed when I started my journey with React was such a book/tutorial like the one you made. It's pretty awesome. I read it and I really really love it.”

Ryan Loomba Freelance Engineer

“I've been using other JavaScript frameworks like Angular, Backbone, and Ember for a while now but this book has me hooked on React. After reading this book, I'm confidently using React in my latest project.”

Shiva Kilaru Engineer at Slack

“It’s tough to learn React without a single cohesive resource; this book saved me a lot of time that would have otherwise been spent bouncing between StackOverflow threads. I also have the cover framed and displayed prominently in my apartment.”

Danish Chien Shing Ooi Software Engineer

“It is brilliant! I like it a lot and it is written in a way that I can understand so easily... Keep up the awesome work!”

Marc Van Couwenberghe Software Engineer

“It's by far the most clear and understandable text I've found so far on React.”

Bernard Parah Web Developer

“After trying to learn react from different sources, I came across your book which has been nothing but awesome”

Yongxue Yu Senior Magento Expert at Green Wave Ingredients

“I have been enjoying reading this book so much. I couldn’t put it down this weekend. Nice Job.”

Jose Colella Dynatrace

“The book is amazing. I have found the learning curve to be easier than my previous attempts at React.”

Joshua Bitossi Property Passbook

“The course is great. Awesome consolidation of React learning materials that has made it super easy to learn.”

Bogdan Pestritu Software Engineer

“It's the best written tutorial on React I've come across until now, and I've searched a lot before buying Fullstack React. It helps a lot to have everything in one place and learn by getting your hands dirty.”

Alan Schlindvein COO at IGOTTEN

“Wow! Awesome material for starting to learn React. I'm switching from Angular and this book has been helping a lot to show my coworkers how easy learning React can be.”

Fleury Butoyi Web Developer

“As a beginner in React, the book helped me to understand some points that were still blurry for me about React and helped me build my first basic app. The code samples are really detailed. It was really awesome.”

James Muturi

“I'm finding the book mind-blowingly informative. I learnt React through several tutorials all around the Web and finding up to date, trustworthy resources was a pain. Fullstack React is a concrete source of information. Its information is complete and it makes concepts look so damn easy”

What will I learn?

  • A basic and advanced understanding of React components
  • An advanced, in-depth knowledge of how React works
  • How to interact with backend servers using APIs
  • A complete understanding of using Redux
  • How to build, validate, and populate interactive forms
  • How to use inline styles for perfect looking components
  • How to test React components
  • How to build and use isomorphic components
  • How to get control of your build process
  • A deep understanding of data-driven modeling with props and state
  • A deep understanding of Flux
  • How to use client-side routing for pages in your apps
  • How to write advanced components like auto-complete search, drag 'n drop, and infinite scroll
  • How to interact with REST, GraphQL, and Relay
  • Introductory knowledge of React Native
  • And much, much more
  • Download the first chapter and build your first React app
Get up and running quickly

Within 15 minutes of opening the first chapter you'll have your first React app up and running.

Comprehensive topics

You'll learn core React concepts from building custom components, to implementing routing, managing application dataflow, unit testing, and beyond.

Best Practices

The book covers best practices for code organization, testing, and performance. We cover practical and real-world examples of how to piece-together applications.

Up to Date

We are constantly updating the book with the latest tips and tricks from the React community. Don't worry about being out of date, we cover the latest release of React react-15.4.1. And you'll get access to all updates, for free!

Get it now

The book and complete source

  • Professional-grade React ebook content
  • Completely DRM-free PDF, mobi, and epub formatted ebook
  • Learn React from the inside out
  • Learn the right way to build React apps
  • Build advanced React apps within minutes
  • Have the complete library available at your fingertips
  • The code for every sample in the book to get you going quickly
  • Price: $59
  • Prerelease Price: $39
Basic

This is a pre-release version. Updates will be released as they are finished (roughly every two weeks). Buying now entitles you to free updates!

Book, source code, videos, and sample app

  • Professional-grade React ebook content
  • Completely DRM-free PDF, mobi, and epub formatted ebook
  • Learn React from the inside out
  • Learn the right way to build React apps
  • Build advanced React apps within minutes
  • Have the complete library available at your fingertips
  • The code for every sample in the book to get you going quickly
  • The complete code for the sample app
  • 3 hour long beginner React screencast
  • Price: $99
  • Prerelease Price: $79
Most popular

This is a pre-release version. Updates will be released as they are finished (roughly every two weeks). Buying now entitles you to free updates!

Team license

  • Professional-grade React ebook content for your whole team
  • Completely DRM-free PDF, mobi, and epub formatted ebook
  • Your team will be able to build advanced React apps within minutes
  • Your team will learn React from the inside out
  • Your team will build React apps with Best practices from the start
  • Have the complete library available for your team
  • The code for every sample in the book to get you going quickly
  • The complete code for the sample app
  • 3 hour long beginner React screencast
  • Team license for up to 10 team members
  • Immediate invoice billing service
  • First Edition Price: $599
  • Prerelease Price: $399
Team & save $200

This is a pre-release version. Updates will be released as they are finished (roughly every two weeks). Buying now entitles you to a discounted price and free updates!

I'm wondering...

How long is the book?

The current version has 15 chapters finished totaling 810+ pages, several sample apps totaling over 10,900+ lines of code (JavaScript/JSX, non-comment lines).

When will the book be finished?

We're always updating and expanding the book, but the first "complete version" will be ready in the winter 2016.

We'll be publishing new chapters as they're written (every other week or so).

Do I have to know JavaScript?

A little bit. We don't assume that you've used React before, and we do explain many JavaScript concepts. But this book assumes you have a little bit of background in JavaScript programming.

However, this book teaches React from the ground up and you can use it even if you've never used a web-framework before.

How far along is the book, screencast, and sample apps?

The book text is about 810+ pages and content complete.

We're currently putting in the finishing touches in preparation for an official First Edition

The screencast is currently about 45 minutes long. We'll be adding the rest of the video content as the chapters are written.

Are there free updates?

Yes!

We've already released 20+ updates to the book

Can I read a sample for free?

Absolutely. You can download the first chapter here and get your first React app up in minutes.

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: react-15.4.1

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 committed to keeping Fullstack React the best resource for learning and using React.

We personally respond to requests for content and we regularly release updates.

We're independent authors and we survive by making the highest quality book on React as possible.

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, feel free to email us at react@fullstack.io