O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Your First Week With React

Book Description

React is a remarkable JavaScript library that' taken the development community by storm. In a nutshell, it's made it easier for developers to build interactive user interfaces for web, mobile and desktop platforms. One of its best features is its freedom from the problematic bugs inherent in MVC frameworks, where inconsistent views is a recurring problem for big projects. Today, thousands of companies worldwide are using React, including big names such as Netflix and AirBnB. React has become immensely popular, such that a number of apps have been ported to React -- including WhatsApp, Instagram and Dropbox.



This book is a collection of tutorials, selected from SitePoint's React Hub, that will guide you through your first days with the amazingly flexible library.

Table of Contents

  1. Your First Week With React
  2. Notice of Rights
  3. Notice of Liability
  4. Trademark Notice
  5. About SitePoint
  6. Preface
    1. Conventions Used
  7. Chapter 1: How to Tell if React is the Best Fit for Your Next Project
    1. What Is React?
    2. How Does the Virtual DOM Work?
    3. Is React Good for Every Project?
    4. Resources
    5. Conclusion
  8. Chapter 2: React vs Angular: An In-depth Comparison
    1. Where to Start?
    2. Maturity
    3. Features
    4. Languages, Paradigms, and Patterns
    5. Ecosystem
    6. Adoption, Learning Curve and Development Experience
    7. Putting it Into Context
    8. One Framework to Rule Them All?
  9. Chapter 3: Getting Started with React: A Beginner’s Guide
    1. Prerequisites
    2. What is React?
    3. Understanding the React DOM
    4. Start a Blank React Project
    5. Introducing JSX Syntax
    6. Declaring React Components
    7. Styling JSX Elements
    8. Stateless vs Stateful Components
  10. Chapter 4: Getting React Projects Ready Fast with Pre-configured Builds
    1. How Does Create React App Work?
    2. Starting a Local Development Server
    3. Running Unit Tests
    4. Creating a Production Bundle
    5. Opting Out
    6. In Conclusion
  11. Chapter 5: Styling in React: From External CSS to Styled Components
    1. Evolution of Styling in JavaScript
    2. styled-components
    3. Building Generic Styled React Components
    4. Customizable Styled React Components
    5. Advanced Usage
    6. Component Structure
    7. Conclusion
  12. Chapter 6: An Introduction to JSX
    1. What is JSX?
    2. How Does it Work?
    3. What About Separation of Concerns?
    4. Not Just for React
  13. Chapter 7: Working with Data in React: Properties & State
    1. Kinds of Component Data
    2. Properties
    3. State
    4. Conclusion
  14. Chapter 8: React for Angular Developers
    1. Frameworks vs Libraries
    2. Out Of The Box
    3. Bootstrapping
    4. Templates
    5. Template Directives
    6. An Example Component
    7. Two-Way Binding
    8. Dependency Injection, Services, Filters
    9. Sounds Great. Can I Use Both!?
    10. How About Angular 2?
    11. A Complete Application
  15. Chapter 8: A Guide to Testing React Components
    1. Write Testable Components
    2. Test Utilities
    3. Put It All Together
    4. Conclusion