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

loading...

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 andcontrollers? 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.

Our customers work at

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 atree 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 .

Matt Boys

Data Science at Facebook

“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.”

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.

Table of Contents

  • Writing Your First React App1
  • Build a real application 
  • Writing our first component 
  • Going further 
  • Thinking in React2
  • How to architect our applications 
  • Data-flow between components 
  • Handling component updates 
  • Server Communication3
  • Interacting with back-end servers 
  • Loading state from our server 
  • Handling CRUD from our server 
  • JSX and the Virtual DOM4
  • What is the VirtualDOM? 
  • Understanding the React model 
  • What is JSX? 
  • Advanced Components5
  • The React API and You 
  • Handling all the props 
  • Understanding state and optimizing our components 
  • Forms in React6
  • Events, buttons, and more 
  • Handling all sorts of inputs 
  • Remote and async persistence 
  • Using Webpack with create-react-app7
  • Rapid application bootstrapping 
  • Hot-reloading and auto-reloaded development experiences 
  • Customizing our build 
  • Unit Testing8
  • Unit testing with Jest 
  • Power-testing with enzyme 
  • Mocking async data 
  • Using Redux9
  • Intro to the flux design pattern 
  • Core redux workflow 
  • Hands-on Redux 
  • Intermediate Redux10
  • Advanced Redux 
  • Adding threading to our app 
  • Advanced Reducer Composition 
  • Container and Presentational Components in Redux11
  • Presentational and Container components 
  • Generating containers with redux 
  • Redux Action Creators 
  • Routing12
  • React Router v4 
  • Multipage applications through react-router 
  • Dynamically handling routes 
  • Authentication and multi-page applications 
  • Using GraphQL13
  • Why GraphQL 
  • Complex types 
  • Mutations and Subscriptions 
  • Writing a GraphQL Server14
  • Building your own GraphQL server 
  • Setting up the Database 
  • Authentication and authorization 
  • React Native15
  • What is React-Native 
  • Routing 
  • Web vs. Native 

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...

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.

James Muturi
Software Developer at Starcity

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

Joshua Bitossi
Launch Engineer at Shopify Plus

Thank you for the great Fullstack React book. It's very straightforward and well-structured. I'm learning a lot!

Olga Isakova

Buying Fullstack React is one of the smartest decisions I made. You guys really explain things in details.

Otman Bouchari
Founder at RestauMagnet LLC

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.

Bogdan Pestritu
Software Engineer Web Platforms

I have to say, well done! This was the easiest framework learni