React 16 tooling master essential cutting-edge tools, such as create-react-app, Jest, and Flow
React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know - in detail. About This Book Each chapter presents meta-development solutions to help React developers The tools used are presented in a practical, solution-oriented approach with no f...
| Otros Autores: | |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
Birmingham ; Mumbai :
Packt
[2018]
|
| Edición: | 1st edition |
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009631737406719 |
Tabla de Contenidos:
- Cover
- Copyright and Credits
- Packt Upsell
- Contributors
- Table of Contents
- Preface
- Chapter 1: Creating a Personalized React Development Ecosystem
- What's included with React
- Components that compare render trees
- The DOM render target
- Introducing tooling?
- Ancillary tasks outside of React
- A construction site analogy
- React tooling covered in this book
- JSX needs to be compiled to JavaScript
- Newer JavaScript language features need to be transpiled
- Hot module loading to enable application development
- Running unit tests automatically
- Thinking about type safety
- Linting for code quality
- Isolating component development environments
- Providing a browser-based debugging environment
- Deploying React applications
- Choosing the right tools
- Essential tools
- Optional tools
- Summary
- Chapter 2: Efficiently Bootstrapping React Applications with Create React App
- Installing Create React App
- Creating your first app
- Specifying a project name
- Automatic dependency handling
- Directory structure
- Top-level files
- Static assets
- Source code
- Summary
- Chapter 3: Development Mode and Mastering Hot Reloading
- Starting the development server
- Webpack configuration
- Entry points
- Build output
- Resolving input files
- Loading and compiling files
- Configuring plugins
- Hot reloading
- Hot component reloading in action
- Ejecting from Create React App
- Summary
- Chapter 4: Optimizing Test-Driven React Development
- The driving philosophy of Jest
- Mock everything except the application code
- Isolate tests and run in parallel
- Tests should feel natural
- Running tests
- Running tests using react-scripts
- Running tests using standalone Jest
- Writing Jest tests
- Organizing tests using suites
- Basic assertions
- Basic equality
- Approximate equality.
- Value equality
- Values in collections
- Working with mocks
- Asynchronous assertions
- React component snapshots
- Unit test coverage
- Summary
- Chapter 5: Streamlining Development and Refactoring with Type-Safe React Components
- What does type-safety solve?
- Replacing guesswork with assurance
- Removing runtime checks
- Obvious low-severity bugs
- Installing and initializing Flow
- Validating component properties and state
- Primitive property values
- Object property values
- Validating component state
- Function property values
- Enforcing child component types
- Parents with specific children types
- Parents with one child
- Parents with an optional child
- Parents with primitive child values
- Validating event handler functions
- Bringing Flow into the development server
- Bringing Flow into your editor
- Summary
- Chapter 6: Enforcing Code Quality to Improve Maintainability
- Installing and configuring ESLint
- Building on Airbnb standards
- Adding React plugins to ESLint
- Using ESLint with create-react-app
- Using ESLint in a code editor
- Automating code formatting with Prettier
- Summary
- Chapter 7: Isolating Components with Storybook
- The need for isolated component development
- Installing and configuring Storybook
- Developing components with stories
- Experimenting with props
- Experimenting with actions
- Linking stories together
- Stories as documentation
- Building static Storybook apps
- Summary
- Chapter 8: Debugging Components in the Browser
- Installing the React Developer Tools add-on
- Working with React elements in React Developer Tools
- Selecting React elements
- Searching for React elements
- Inspecting component properties and state
- Manipulating element state values
- Profiling component performance
- Removing reconciliation work.
- Finding CPU intensive components
- Summary
- Chapter 9: Instrumenting Application State with Redux
- Building a Redux app
- The App component and state
- The Home component and state
- The NewBook component and state
- The API abstraction
- Putting it all together
- Installing Redux DevTools
- Selecting and examining actions
- Action data
- Action state trees and charts
- Action state diffs
- Time travel debugging
- Manually triggering actions
- Exporting and importing state
- Summary
- Chapter 10: Building and Deploying Static React Sites with Gatsby
- Why static React sites?
- Types of React apps
- Better user experience
- Efficient resource usage
- Building your first Gatsby site
- Adding local filesystem data
- Fetching remote data
- Summary
- Chapter 11: Building and Deploying React Applications with Docker Containers
- Building a messaging app
- Starting Barely SMS
- Logging in
- The home page
- The contacts page
- The messages page
- Sending a message
- The API
- Getting started with Node containers
- Composing React apps with services
- Static React builds for production
- Summary
- Another Book You May Enjoy
- Index.
