Pure React cover Updated June 2018

Learn React, start to finish.

An easy intro to React for beginners.

“I’m stuck on the tutorials”

Even after sifting through countless tutorials and videos, you still can’t cobble together your own app.

It’s maddening.

One second you’re nodding along, sure that you understand. The next, you’re staring at a blinking cursor wondering what to type.

The knowledge is like a mirage. It makes sense in theory, right up until you try to use it.

Frustrating editor

There’s so much to learn!

And it’s not just that the knowledge is slippery. There’s also a never-ending list of libraries and tools to learn: Webpack, Babel, React Router, Redux, Sagas, Thunks, AJAX, Jest, …

New libraries appear weekly, trumpeted in newsletters and on Twitter. “Oh crap, do I need to learn styled-components now? What happened to CSS?” You start to silently wish that maybe NPM would disappear overnight. Maybe they don’t have backups. Maybe people will forget.

Are people actually using all this stuff? To build real apps? Sometimes it seems like a big joke.

Within the first hour of going through the book, I was accomplishing and understanding more than I did after a 35-hour Udemy course, thanks to having loads of opportunities to identify gaps in my knowledge.

Most advice is worth the price you paid…

There’s a lot of advice out there. A lot of it starts with “clone this boilerplate – it has everything you need!” and ends with “React is so easy. Look how easy this is.”

Meanwhile, even the most in-depth React tutorial leaves you with a sense of dread: how can you remember all of it long enough to build your own app?

Then there are the math examples. You know the ones. “The Fibonacci sequence is a series of numbers characterized by the fact that every number after the first two is…” ugh.

You’re about to hurl a chair across the room, and all the internet is talking about is how great React is, and if you just make one more TODO app you’ll finally get it.

What if you did things differently?

What if I told you… you can break the rules? That you don’t need all that stuff to make an app.

Here’s a simplified clone of Slack:

A Slack clone built with only React

It’s got channels and users. You can send messages privately, or to individual channels.

Would you guess that this was made entirely with React?

It uses regular CSS. I didn’t have to make a Webpack config. I didn’t mess around with React Router. And Redux is nowhere in sight.

I didn’t even hook it up to a real server. The messages and users are fake.

(here is the table of contents)

As far as I am concerned, even the intro which is free is worth the price.

Isaac Simantov

Choose Your Own Difficulty Setting

“Wait, what?” What good is an app with fake data?

I’ll tell you: it’s the perfect platform for learning. Add or remove features at will to tune your practice.

This strategy is awesome because you can isolate one thing (React, in this case) and learn it cold. Then when you’re ready, move on to the next layer.

Think about it: when you learned to ride a bicycle, did you bike along a busy highway into town on your first day? No, you probably stayed in the driveway.

Did anyone hand you some bowling pins and say, “Here, learn to juggle at the same time. That’s what the pros at the circus do.” No, you just focused on not falling over.

And you probably had training wheels.

An easier way to learn React.

The key to truly learning and understanding React is to tackle it all by itself, and in bite-sized chunks. That’s what makes the knowledge stick. That’s the “secret.”

This book, Pure React, lays out a guided, step-by-step roadmap for learning React quickly and in the right order. It breaks everything down into chunks for you, and explains each one so you really understand. Then the included exercises will make that knowlege stick, for good.

You’ll come to fully understand the one-way data flow, bend React’s JSX syntax to your will, and master the use of props and state.

Probably the first time I did a React component without feeling completely lost.

Followed every step and I have to say, I have learned more from your material in a matter of hours than I have in weeks of following tutorials online.

Your content really breaks down how React works on every level, whereas before the tutorials I was doing, I completed them but still didn't understand what had occurred.

Build small focused apps, and learn by doing.

You’ll get hands-on practice by building a series of small components and micro apps –- no big monolithic app here. The bite-size apps will have you reviewing concepts until they’re second nature. The examples are simple and concrete, not based around math or some esoteric problem domain, so you can turn your full attention to understanding React.

The chapter-end exercises will have you writing your own code right from the start –- this isn’t just “copy, paste, watch it run” like many React.js tutorials out there.

Learn to turn mockups and sketches directly into code and learn to think in components.

And I promise I won’t make you write another TODO app. We’ve all had enough of those.

Here are a few of the apps you’ll be building on your very own by the end:

Simplified clones of Slack, Hacker News, Pinterest, and Reddit

Learn the fundamentals first.

By focusing purely on React, you can go deep and fully master it. You’ll come away with the perfect foundation to build on.

When you’re done, you’ll be able to evaluate libraries on their merit, and add them as you see fit. What’s more, you can apply the process you learn in the book to master those other libraries too.

This has made it a breeze to pick up other React-related frameworks, and libraries. To be honest, I think Pure React is the best place for a beginner to start.

If I could, I'd put it in the hands of every beginner.

What does the book cover?

  • An introduction to React 16.4
  • Easy project setup with Create React App (you’ll be running code within minutes)
  • Debugging strategies for when things go wrong
  • Mastering JSX syntax, including “if”s, loops, and dynamic child components
  • Using props to make reusable components, and to communicate between them
  • How PropTypes can save you debugging time and help “future you” remember how to use the components you wrote
  • Using the “children” prop to render dynamic content
  • How to write React in modern ES6 Javascript, with a gentle introduction to ES6 syntax
  • How input controls work in React (controlled and uncontrolled)
  • Where and how to properly use React state in your app
  • Stateful vs Stateless components
  • The lifecycle of a component, and how to use it to your advantage
(here is the table of contents)

The book has more than 11 step-by-step React.js examples, as well as 26 exercises to reinforce your knowledge.

You’ll start off with some simple components (tweets, dialog boxes, emails) and grow into more complex mini-apps (simplified versions of Trello, Hacker News, Pinterest, Reddit, and Slack).

Tweets, Trello, Shopping List, and a Github clone

Buy Pure React

Learning new skills is one of the best ways to invest in yourself.

Knowing React can set you up for a promotion, or put you in position to get hired for a new job.

You could use React to finally build that startup you’ve been wanting to do.

Or if you’re a designer, knowing React can help you communicate with the developers and even do some of the work yourself (so you know it’s done right).

Whatever the case, I want you to be totally happy with your purchase. If you’re not, just email me for a full refund. The refund rate is something like 2%, though, so I don’t think you’ll be disappointed :)

The Complete Package

If you want to work through the examples and exercises and be sure you’re doing it right, get the Complete Package. It’s the most popular option, and it includes solutions for all 26 exercises.

The Book + Code + Quick Start Videos

Complete Package Items

  • 180 pages
  • PDF, EPUB, and MOBI
  • 11 examples and 26 exercises
  • Exercise solutions

And 5 videos to get you started fast, covering:

  • Environment setup: set up Node and get ready to make some apps
  • Hello World: Make your first React app
  • How to Install the React DevTools
  • Using the React DevTools to debug your apps
  • Common Errors and how to fix them
Because you can learn React. You just need a clear path to follow.

(Got a team? Get in touch for a bulk discount)

Just The Book

If you just want the book without the code files, this is the one for you.

The Book

  • 180 pages
  • PDF, EPUB, and MOBI
  • 11 examples and 26 exercises
  • Exercise solutions
  • Videos
Because you can learn React. You just need a clear path forward.

“Seems nice. Has anyone tried it?”

We’re so used to having Amazon reviews at our fingertips today that it feels weird to buy something before reading reviews.

Over 900 people have read the book so far. Here are some of the things they had to say:

Within the first hour of going through the book, I was accomplishing and understanding more than I did after a 35-hour Udemy course, thanks to having loads of opportunities to identify gaps in my knowledge.

I was following tutorial after tutorial on Udemy, since I never knew books can be so effective in imparting both conceptual knowledge and practice necessary to learn something. I am halfway through the book and absolutely loving it!

Probably the first time I did a React component without feeling completely lost.

Followed every step and I have to say, I have learned more from your material in a matter of hours than I have in weeks of following tutorials online.

Your content really breaks down how React works on every level, whereas before the tutorials I was doing, I completed them but still didn't understand what had occurred.

Pure React wasn't just very beginner friendly, it contained very practical tips. This was one of the most important book features for me. I find it very important that the book does NOT try to teach Redux, and other "friends" of React. It is laser focused on React.

What this has done for me is understanding the fundamentals. This has made it a breeze to pick up other React-related frameworks, and libraries. To be honest, I think Pure React is the best place for a beginner to start.

If I could, I'd put it in the hands of every beginner.

Book is fantastic so far. Stark contrast to the "I'm already a smart programmer, here's my dumping a Japanese puzzle in front of you, figure it out" pedagogy that is ubiquitous.

Steve W.

It put me in a good place for my new job. The exercises were excellent.

Liam Shaw
Liam Shaw

As far as I am concerned, even the intro which is free is worth the price.

Isaac Simantov

I came to know roughly what components I need to build just by looking at the design and imagining how data flows from the root component to the children components. I would recommend the book to everyone that already had a course for beginners but they want to deepen their knowledge and really understand React by building basic UIs.

Basically everyone that wants to get paid by building apps with React.

I just wanted to tell you that I started going through your book over the last couple of days and it is so so so so awesome !! Thank you for breaking down everything and explaining each and every doubt that comes to the mind !

Arumita De

I already knew a bit of React but wanted to get my fundamentals straight with your book. Although I have created many components before starting your book I never knew what exactly is JSX doing, how to properly use PropTypes and 'children'. I'm glad I made this purchase!

I was glad that it appeared to be simple to set up a project (create-react-app). I liked it even more that you advised to throw everything away and start with just an empty index.js.

I would certainly recommend the book, especially to old guys like me, who may get overwhelmed by the next hype they might need to stay in touch with :-)

Jan Willem

I would recommend this book to anyone who wants to learn React. This book has removed the complexity of many technologies used together. It focuses on one specific topic and gradually layers a new technology/strategy as you become proficient with one thing.

Peter Fields

It got me on my feet with your thorny insistence that I actually type the damned examples out -- something I hadn't done before.

What I didn't realize this would do was drastically reduce my time-to-MVP for the first complex React project I'd build. It also gave me a ready-made repo of copy/paste examples I could use to build my first project.

I would recommend it to anybody who is a professional dev, looking to learn React.

Jordan Prince
Jordan Prince

Loved it! Very well written and put together. Love that you focused only on React. Wish I had stumbled onto your book first before I messed around with all those scary "boilerplate" projects.

John Lyon-Smith

I think your book is amazing. I'm really learning how to use react! I almost gave up several times using other books!

Y'Eli Buonya
Y'Eli Buonya

It was perfect. I had tried to go directly into several of the large boilerplate projects available and, unsurprisingly, was overwhelmed. Going through your book, making very small projects, was exactly what I needed. I wish I had bought it sooner!

George Cox
George Cox

Just wanted to say -- it has really helped me to get started with React, and I'm now really enjoying it as a new way of approaching web development. The book was really well written and structured, and went at an good pace. Also, really appreciate you getting back to my questions/issues whilst going through it!

Paul Child

I'm very happy with your book and I find it very clear. The way you approach React is definitely the best I've seen so far!

Paolo Importuni

The Complete Package

If you want to work through the examples and exercises and be sure you’re doing it right, get the Complete Package. It’s the most popular option, and it includes solutions for all 26 exercises.

The Book + Code + Quick Start Videos

Complete Package Items

  • 180 pages
  • PDF, EPUB, and MOBI
  • 11 examples and 26 exercises
  • Exercise solutions

And 5 videos to get you started fast, covering:

  • Environment setup: set up Node and get ready to make some apps
  • Hello World: Make your first React app
  • How to Install the React DevTools
  • Using the React DevTools to debug your apps
  • Common Errors and how to fix them
Because you can learn React. You just need a clear path to follow.

Just The Book

If you just want the book without the code files, this is the one for you.

The Book

  • 180 pages
  • PDF, EPUB, and MOBI
  • 11 examples and 26 exercises
  • Exercise solutions
  • Videos
Because you can learn React. You just need a clear path forward.

Still Not Sure?

I get it, it’s hard to know whether a random book you found online will actually help. You can download 2 free sample chapters to see if it’s right for you.

(here is the table of contents)

About the Author

Dave

Hi! I’m Dave Ceddia (@dceddia). I’ve been writing software professionally for over 10 years, and React is my favorite technology by far. I love building UIs because I get to see my work come to life. I teach about React and JS on my blog and through books like this one.

FAQ

Q: What format does the book come in?

The book comes in PDF, EPUB, and MOBI formats. The EPUB/MOBI versions have hand-formatted code optimized for small screens. Let me tell you, you have not lived until you have hand-formatted 65 code examples for 36-character-wide screens 😄

Q: Does the book cover React with Redux?

You might be fuzzy on the difference between the two, since React and Redux (and the React Redux library) are so commonly used together, so here’s a quick rundown:

React is responsible for displaying the UI on the screen, and that’s (pretty much) all it does. It has its own React state, to store data related to each component, but aside from that it is laser-focused on rendering stuff to the screen.

Redux is responsible for organizing and passing data around when you have complex data that needs to be shuffled around between many components, but it’s not required at all. React state works just fine by itself; Redux just makes a few things easier (and makes some things harder!).

The book only covers React, not Redux, because the best way to learn React is to focus on only React at first. Before too long, after you have a few small apps under your belt, you’ll be ready to learn Redux.

Q: Does the book cover full stack React?

React is just one part of a full stack application: the UI layer.

If you think of an app in terms of “layers”, a real app will have a few of them. In terms of the big picture, there’s a back end (at least a server, and probably a database) and a front end (a UI framework like React).

On the back end there’s a server, maybe written in Node.js and Express, maybe written in Java, or Ruby, or something else. There’s a database, which could be anything from SQLite to MongoDB to Firebase. There could be a caching layer like Redis. Your server might do server-side rendering (SSR). There might be an authentication service like Auth0 in the mix. And that’s just the back end!

The front end of an app will be handled by React, and many apps will choose to add in other libraries like React Router and Redux to handle routing and state management.

All that to say? There is a LOT to learn to master full-stack development. I’m a firm believer that biting off more than you can chew leads to overwhelm and giving up (I’ve been there myself).

I want you to succeed, and the best way to do that is to learn one thing at a time. Even if you want to build a full stack React app, even if you want to start that big project right now, my best advice is to start by learning React on its own. Once you have a couple small apps under your belt, you’ll find it much much easier to learn how the other pieces of the full-stack puzzle come together.

Q: Does the book cover Webpack? AJAX? Testing?

The best way to learn React is to focus on just React first. Once you have the fundamentals down, you’ll be in a much better place to learn the rest. If you’re looking for the best Redux book, this isn’t it.

Many books, courses, and blog posts try to cover the entire stack, end-to-end. It’s easy to end up learning a tiny bit of everything, but never fully grasping how the pieces fit together.

And while writing tests in a test-driven style can be a great way to learn for some people, I don’t think it’s the right choice for everyone.

This book focuses purely on React because learning one thing at a time is the best way to go. I’ve had my students tell me so.

It got me on my feet with your thorny insistence that I actually type the damned examples out -- something I hadn't done before.

What I didn't realize this would do was drastically reduce my time-to-MVP for the first complex React project I'd build. It also gave me a ready-made repo of copy/paste examples I could use to build my first project.

I would recommend it to anybody who is a professional dev, looking to learn React.

Jordan Prince
Jordan Prince

Q: Should I get the Complete Package?

The Complete Package includes answers for each of the 26 exercises in the book, as well as code for the examples throughout. It’s a great choice if you want to know you’re on the right track as you’re working through the exercises. It’s not a ton more money, and if you make any typos you can check the code instead of hunting for 20 minutes.

Q: I already bought the book. Can I get the code without buying the Complete Package?

Of course! I don’t want to charge you for something you already own.

If you already own “Just the Book,” you can get the code that goes with it by only paying the difference. Buy it here.

Q: I’m a student and don’t have much money. Can I get a discount?

Send me an email at dave@daveceddia.com and let me know your situation and I’ll do my best to help.

Q: What if I’m unhappy with the book?

There is a 100% money-back guarantee. Buy the book, try it out, and if you aren’t happy, simply email me and I’ll refund your purchase.

Q: Why didn’t you answer my question?

If you have any questions, shoot me an email at dave@daveceddia.com.