React cookbook create dynamic web apps with react using Redux, Webpack, Node. js, and GraphQL
Over 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React Key Features Use essential hacks and simple techniques to solve React application development challenges Create native mobile applications for iOS and Android...
| Otros Autores: | |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
Birmingham ; Mumbai :
Packt Publishing
2018.
|
| Edición: | 1st edition |
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009630681606719 |
Tabla de Contenidos:
- Cover
- Title Page
- Copyright and Credits
- Packt Upsell
- Contributors
- Dedication
- Table of Contents
- Preface
- Chapter 1: Working with React
- Introduction
- Working with the latest JS features in React
- How to do it...
- What's new in React?
- How to do it...
- Using React on Windows
- How to do it...
- Chapter 2: Conquering Components and JSX
- Introduction
- Creating our first React component
- Getting ready
- How to do it...
- How it works...
- There's more...
- Organizing our React application
- How to do it...
- How it works...
- Styling a component with CSS classes and inline styles
- How to do it...
- How it works...
- There's more...
- Passing props to a component and validating them with PropTypes
- How to do it...
- How it works...
- There's more...
- Using local state in a component
- How to do it...
- How it works...
- There's more...
- Making a functional or stateless component
- How to do it...
- How it works...
- There's more...
- Understanding React lifecycle methods
- How to do it...
- Todo list - implementing ComponentWillMount
- Pomodoro timer - implementing the constructor and componentDidMount
- Crypto coins exchanger - implementing shouldComponentUpdate
- Notes - implementing componentWillReceiveProps and componentWillUnmount
- C3.js chart - implementing componentDidUpdate
- Basic animation - implementing componentWillUpdate
- How it works...
- Understanding React Pure Components
- Getting ready
- How to do it…
- How it works…
- Preventing XSS vulnerabilities in React
- How to do it...
- How it works...
- There's more...
- Chapter 3: Handling Events, Binding and Useful React Packages
- Introduction
- Binding methods using the constructor versus using arrow functions
- How to do it...
- How it works...
- Creating form elements with events.
- How to do it...
- How it works...
- There's more...
- Displaying information in a modal with react-popup
- Getting ready
- How to do it...
- How it works...
- There's more...
- Implementing Airbnb React/JSX Style Guide
- Getting ready
- How to do it...
- How it works...
- There's more...
- Updating our title and meta tags with React Helmet
- Getting ready
- How to do it...
- How it works...
- There's more...
- Chapter 4: Adding Routes to Our Application with React Router
- Introduction
- Implementing React Router v4
- Getting ready
- How to do it...
- How it works...
- There's more...
- Adding parameters to our routes
- How to do it...
- How it works...
- Chapter 5: Mastering Redux
- Introduction
- Creating a Redux Store
- Getting ready
- How to do it...
- How it works...
- Making action creators and dispatching actions
- Getting ready
- How to do it...
- How it works...
- Implementing Firebase with Redux
- Getting ready
- How to do it...
- How it works...
- Chapter 6: Creating Forms with Redux Form
- Introduction
- Creating a controlled form with the local state
- Getting ready
- How to do it...
- How it works...
- Building a form using Redux Form
- Getting ready
- How to do it...
- How it works...
- Implementing validation in a form
- How to do it...
- How it works...
- Chapter 7: Animations with React
- Introduction
- Animating a todo list with ReactCSSTransitionGroup
- Getting Ready
- How to do it...
- How it works...
- Using react-animations library
- Getting ready
- How to do it...
- There's more...
- Creating our first animation with React Pose
- Getting ready
- How to do it...
- How it works...
- There's more...
- Chapter 8: Creating an API with Node.js Using MongoDB and MySQL
- Introduction
- Creating a basic API with Express
- Getting ready
- How to do it.
- How it works...
- Building a database with MongoDB
- Getting ready
- Installing MongoDB Community Edition manually (the hard way)
- Installing MongoDB Community Edition with Homebrew (the easy way)
- Running MongoDB
- How to do it...
- How it works...
- GET method endpoints
- POST method endpoints
- DELETE method endpoints
- PUT method endpoints
- Building a database with MySQL
- Getting ready
- How to do it...
- How it works...
- POST method endpoints
- GET method endpoints
- DELETE method endpoints
- PUT method endpoints
- Adding access tokens to secure our API
- Getting ready
- How to do it...
- How it works...
- There's more...
- Chapter 9: Apollo and GraphQL
- Introduction
- Creating our first GraphQL server
- Getting ready
- How to do it...
- How it works...
- There's more...
- Creating a Twitter timeline with Apollo and GraphQL
- Getting ready
- Creating our GraphQL backend server
- How to do it...
- How it works...
- Chapter 10: Mastering Webpack 4.x
- Introduction
- Webpack 4 Zero Configuration
- Getting Ready
- How to do it...
- How it works...
- There's more...
- Adding React to Webpack 4
- Getting Ready
- How to do it...
- How it works...
- There's more...
- Adding Webpack Dev Server and Sass, Stylus, or LessCSS with React
- Getting Ready
- How to do it...
- How it works...
- There's more...
- Webpack 4 Optimization - Splitting Bundles
- Getting Ready
- How to do it...
- How it works...
- Implementing Node.js with React/Redux and Webpack 4
- Getting Ready
- How to do it...
- How it works...
- There's more...
- Chapter 11: Implementing Server-Side Rendering
- Introduction
- Implementing Server-Side Rendering
- Getting ready
- How to do it...
- How it works...
- There's more...
- Implementing promises with Server-Side Rendering
- Getting ready
- How to do it.
- How it works...
- Implementing Next.js
- Getting ready
- How to do it...
- How it works...
- Chapter 12: Testing and Debugging
- Introduction
- Testing our first component with Jest and Enzyme
- Getting ready
- How to do it...
- How it works...
- There's more...
- Testing a Redux Container, Actions, and Reducers
- Getting Ready
- How to do it...
- Debugging a React application using React and Redux Dev Tools
- Getting Ready
- How to do it...
- Simulating Events
- How to do it...
- How it works...
- Chapter 13: Deploying to Production
- Introduction
- Deploying to production on Digital Ocean
- Getting ready
- How to do it...
- How it works...
- There's more...
- Configuring Nginx, PM2, and a domain in our Droplet
- Getting Ready
- How to do it...
- How it works...
- There's more...
- Implementing Jenkins (continuous integration)
- Getting Ready
- How to do it...
- How it works...
- Chapter 14: Working with React Native
- Introduction
- Creating our first React Native Application
- Getting Ready
- How to do it...
- How it works...
- Creating a Todo List with React Native
- How to do it...
- How it works...
- There's more...
- Implementing React Navigation V2
- Getting Ready
- How to do it...
- How it works...
- Appendix: Most Common React Interview Questions
- Other Books You May Enjoy
- Index.
