• Complain

Dave Ceddia - Pure React: A step-by-step guide to mastering React.

Here you can read online Dave Ceddia - Pure React: A step-by-step guide to mastering React. full text of the book (entire story) in english for free. Download pdf and epub, get meaning, cover and reviews about this ebook. year: 2017, genre: Computer. Description of the work, (preface) as well as reviews are available. Best literature library LitArk.com created for fans of good reading and offers a wide selection of genres:

Romance novel Science fiction Adventure Detective Science History Home and family Prose Art Politics Computer Non-fiction Religion Business Children Humor

Choose a favorite category and find really read worthwhile books. Enjoy immersion in the world of imagination, feel the emotions of the characters or learn something new for yourself, make an fascinating discovery.

Dave Ceddia Pure React: A step-by-step guide to mastering React.
  • Book:
    Pure React: A step-by-step guide to mastering React.
  • Author:
  • Genre:
  • Year:
    2017
  • Rating:
    4 / 5
  • Favourites:
    Add to favourites
  • Your mark:
    • 80
    • 1
    • 2
    • 3
    • 4
    • 5

Pure React: A step-by-step guide to mastering React.: summary, description and annotation

We offer to read an annotation, description, summary or preface (depends on what the author of the book "Pure React: A step-by-step guide to mastering React." wrote himself). If you haven't found the necessary information about the book — write in the comments, we will try to find it.

Front-end development today is massively overwhelming.
The React ecosystem is huge Redux, React Router, Webpack, Babel Where do you even start?
Most people begin by reading tutorials, but sifting through them to find the one that makes it click is an exercise in frustration. On top of that, they dish out pages of code and leave it up to you to learn by osmosis.
If youve tried to learn React on your own, youve probably had the same experience I did: after sifting through countless tutorials and video, you still cant cobble together your own app. One second youre nodding along, sure that you understand. The next, youre staring at a blinking cursor wondering what to type.
Thousands of people are already using React in their jobs or startups, and you can too -- once you figure it out.
But what if you could skip straight to being as productive with React as you are with your current framework of choice?
What if you were able to code as fast as you can think, using the JavaScript you know and love?
Writing apps could be fun again! And fast.
Teaching yourself React can be overwhelming but it doesnt have to be. You can master the fundamentals in a matter of days.
Heres the thing: you need real practice. Not just nodding along to tutorials, but actually building examples and exercises. Thats how you gain mastery, and this book will show you how.
Youll get hands-on practice building a series of small components and micro apps no big monolithic app here. The bite-size apps will have you reviewing concepts until theyre second nature.
With the included exercises you will be writing your own code right from the start this isnt a copy, paste, watch it run tutorial.
Dont worry, we wont build any ToDo apps. The world already has enough of those.
Learn to turn mockups directly into code, how to think in components, and how to handle changing state in Reacts world of one-way data flow.
Heres what the book covers:
- Easy project setup with Create React App (youll be running code within minutes)
- Debugging strategies for when things go wrong
- Mastering JSX syntax, including ifs, loops, and dynamic child components
- Using props to communicate between components, and make them as reusable as possible
- How PropTypes can save you time debugging 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 the modern ES6 style, with a gentle introduction to ES6 syntax (you dont need to know ES6!)
- How input controls work in React (controlled and uncontrolled)
- Where and how to properly use component state in a React application
- Stateful vs Stateless components
- The lifecycle of a component, and how to use it to your advantage
The book includes examples large and small, and 25 exercises to hone your knowledge.
Buy Pure React and start learning React today!

Dave Ceddia: author's other books


Who wrote Pure React: A step-by-step guide to mastering React.? Find out the surname, the name of the author of the book and a list of all author's works by series.

Pure React: A step-by-step guide to mastering React. — read online for free the complete book (whole text) full work

Below is the text of the book, divided by pages. System saving the place of the last page read, allows you to conveniently read the book "Pure React: A step-by-step guide to mastering React." online for free, without having to search again every time where you left off. Put a bookmark, and you can go to the page where you finished reading at any time.

Light

Font size:

Reset

Interval:

Bookmark:

Make
Pure React
Pure React Dave Ceddia Copyright c 2017 Dave Ceddia Introduction Welcome to - photo 1
Pure React
Dave Ceddia
Copyright (c) 2017 Dave Ceddia
Introduction

Welcome to Pure React.

Theres a problem with frontend development today: its overwhelming.

There are thousands of libraries out there, each doing one little thing. Groups of them evolve to become de facto standards, but with no actual standards in sight.

The React ecosystem is especially guilty of this: theres React, Redux, Webpack, Babel, React Router, and on and on. Hundreds of boilerplate projects exist to make this easier by bundling a bunch of choices together. Itll be easier to learn, the thinking goes, if you dont have to make all the choices yourself.

But the opposite happens: instead of being overwhelmed by the choices, youre now overwhelmed by the sheer amount of code that came for free with the boilerplate, and you have NO IDEA what any of it actually does. Thats a scary place to be.

Learning everything at once is massively overwhelming. So in this book, we will take a different approach. A more sane approach. We will learn Pure React.

Pure React: The core concepts of React, in isolation, without Redux, Webpack, and the rest.

When you achieve whats contained here when you learn React cold, youll be able to go on and learn all of its friends with ease: Redux, Router, and the rest.

Not only will you be able to learn those other libraries, but you will be well-equipped. Youll have a solid foundation.

This book has been designed to get you from zero to React quickly, and with maximum understanding.

What you wont be doing here is what plays out in many tutorials across on the web, where you copy and paste each block of code until you have a working app at the end. Voila! they say. Now you know React and Redux and Webpack!

Its too much at once. You might learn one or two core concepts with this approach, but its a shaky foundation. Inevitably, when you sit down to write your own app, you get lost in the forest of libraries and concepts.

You can only get so far by copying and pasting pieces of code.

And you know this already, otherwise you wouldnt be here.

So here well follow a different approach: Ill show you a concept, with some example code. Then (and this is the important part) you will use that concept in the exercises that follow, until its second nature. Rinse and repeat until weve covered all the core pieces of pure React and there arent too many.

What Well Cover

We will start where most programming books start, with Hello World. From there, well look at how to compose components together and how to work with JSX, Reacts HTML-like syntax for rendering elements to the page.

Once you have a grasp on how to create static components, youll learn about props as a way to pass in the data they need, and propTypes for documenting and debugging the props that a component requires.

Well cover Reacts special children prop, which is a powerful tool for building reusable, composable components.

Finally, youll learn about state, how it differs from props, and how to organize it in an application. Well look at using form controls and the Component Lifecycle.

Why Just React?

Without a solid understanding of React, simultaneously learning libraries like Redux and tools like Webpack will only slow down your learning process. Its very tempting to dive in and learn it all at once, especially if you have a fun project in mind (or a deadline to meet).

However, learning everything at once will be slower in the long run.

Think of these libraries and tools as layers in a foundation.

If you were building a house, would you skip some steps to get it done faster? Say, start pouring the concrete before laying some rocks down? Start building the walls on bare earth?

Or how about making a wedding cake: the top part looks the most fun to decorate, so why not start there? Just figure out the bottom part later!

No?

Of course not. You know those things would lead to failure. They would, perhaps counterintuitively, slow things down rather than speed them up.

So does it make sense to approach React by trying to learn Webpack + Babel + React + Redux + Routing + AJAX all at once? Doesnt that sound like a ton of overwhelming confusion?

Instead, the most efficient approach is to learn these one at a time. This book will teach you how to use React, and then youll be ready to tackle the next piece of the puzzle.

How This Book Works
How Much Time Will This Take?

The basic concepts of React can be learned in a matter of days. This book covers those basics and also contains exercises after each major concept to reinforce your understanding.

Most of the exercises are short. There are a few that are more involved. The principle behind them is the same as the idea behind homework in school: to drill the ideas into your head by combining repetition and problem solving.

The theme behind the whole process is this: avoid getting overwhelmed. Quitting wont get you anywhere. Slow and steady, uh, learns the React.

Build Small Things and Throw Them Away

This is the awkward middle step that a lot of people skip. Moving on to Redux and other libraries without having a firm grasp of Reacts concepts will lead straight back to overwhelmsville.

But this step isnt very well-defined: what should you build? A prototype for work? Maybe a fancy Facebook clone, something substantial that uses the whole stack?

Well, no, not those things. Theyre either loaded with baggage or too large for a learning project. You want to build small things.

Dont Build a Prototype

Prototypes (for work) are usually terrible learning projects, because you know in your heart that a prototype will never die. It will live long beyond the prototype phase, morph into shipping software, and never be thrown away or rewritten. As soon as some manager sees that it works, features will be piled on. Well refactor it some day will turn out to be a lie. The code will grow bloated and disorganized.

All of these, and more, are the reasons why a prototype is a bad choice as a learning project.

When you know it wont be throwaway code, the future looms large. You start to worry Shouldnt it have tests? I should make sure the architecture will scale Am I going to have to refactor this mess later? And shouldnt it have tests?

Worrying about architecture and scalability and the future is a bad strategy for learning the basics of a new technology.

On the flip side, if you build a prototype believing that it is throwaway code, it probably wont be very good code. Then when your boss boss sees how awesome the prototype looks, he will absolutely not allow you to rewrite it with all the best practices youve learned. Thats a recipe for an unmaintainable code base.

So What Should You Build?

This book exists to answer this question, and help you through it. The short answer:

Build small, throwaway apps.

The sweet spot is somewhere between Hello World and entire clone of Twitter.

Well start off with Hello World, of course. No self-respecting programming book would be complete without that.

As your skill set grows, low-fidelity copies of simple apps and sites like Reddit, Hacker News, and Slack make good projects. Designers call this copywork, and its great because it frees you from having to make

Next page
Light

Font size:

Reset

Interval:

Bookmark:

Make

Similar books «Pure React: A step-by-step guide to mastering React.»

Look at similar books to Pure React: A step-by-step guide to mastering React.. We have selected literature similar in name and meaning in the hope of providing readers with more options to find new, interesting, not yet read works.


Reviews about «Pure React: A step-by-step guide to mastering React.»

Discussion, reviews of the book Pure React: A step-by-step guide to mastering React. and just readers' own opinions. Leave your comments, write what you think about the work, its meaning or the main characters. Specify what exactly you liked and what you didn't like, and why you think so.