Home Page Icon
Home Page
Table of Contents for
Table of Contents
Close
Table of Contents
by Mehul Bhatt, Harmeet Singh
Learning Web Development with React and Bootstrap
Learning Web Development with React and Bootstrap
Learning Web Development with React and Bootstrap
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Why subscribe?
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Downloading the color images of this book
Errata
Piracy
Questions
1. Getting Started with React and Bootstrap
ReactJS
Setting up the environment
Installing ReactJS and Bootstrap
Installing React
Bootstrap
Installing Bootstrap
Using React
Static form with React and Bootstrap
Summary
2. Lets Build a Responsive Theme with React-Bootstrap and React
Setting up
Scaffolding
Navigation
React-Bootstrap
Installing React-Bootstrap
Using React-Bootstrap
Benefits of React-Bootstrap
Bootstrap grid system
Helper classes
Floats
Center elements
Show and hide
React components
React.createElement()
Summary
3. ReactJS-JSX
What is JSX in React
Advantages of using JSX in React
How to make your code neat and clean
Acquaintance or understanding
Semantics/structured syntax
The composite component
Namespace components
JSXTransformer
Attribute expressions
Boolean attributes
JavaScript expressions
Styles
Events
Attributes
Spread attributes
Example of a dynamic form with JSX
Summary
4. DOM Interaction with ReactJS
Props and state
Form components
Props in form components
Controlled component
Uncontrolled component
Getting the form values on submit
Ref attribute
Bootstrap helper classes
Caret
Clearfix
Summary
5. jQuery Bootstrap Component with React
Alerts
Usage
Bootstrap alert component in React
Component lifecycle methods
Component integration
Bootstrap modal
Summary
6. Redux Architecture
What is Redux?
Single store approach
Read-only state
Reducer functions to change the state
Architecture of Redux
Redux's architectural benefits
Redux setup
Installing Node.js
Setting up the application
Development tool setup
Redux application setup
Actions
Reducers
Store
Components
Summary
7. Routing with React
Advantages of React router
Installing router
Application setup
Creating routes
Page layout
Nested routes
React router
NotFoundRoute
Browser history
Query string parameters
Customizing your history further
Summary
8. ReactJS API
React Top-Level API
React API component
Mount/Unmount components
Object-oriented programming
React integration with other APIs
React integration with the Facebook API
Installing Node
Setting up the application
Summary
9. React with Node.js
Installing Node and npm
React application setup
Installing modules
Responsive Bootstrap application with React and Node
Bootstrap table
Bootstrap responsive tables
React developer tools
Installation
How to use
Summary
10. Best Practices
Handling data in React
Using Flux
Using Redux
Redux is equal to Flux, really?
Single-store approach
Read-only state
Immutable React state
Observables and reactive solutions
React routing
How React will help to split your code in lazy loading
JSX components
How easy is it to visualize?
Acquaintance or understanding
Semantics/structured syntax
Using classes
Using PropType
Benefits of higher-order components
Redux architectural benefits
Customizing Bootstrap for your app
Bootstrap content - typography
Bootstrap component - navbar
Bootstrap component - forms
Bootstrap component - button
Bootstrap themes
Bootstrap responsive grid system
Interesting information about ReactJS and Bootstrap projects
Helpful React projects
Things to remember
Summary
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Cover
Next
Next Chapter
Learning Web Development with React and Bootstrap
Table of Contents
Learning Web Development with React and Bootstrap
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Why subscribe?
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Downloading the color images of this book
Errata
Piracy
Questions
1. Getting Started with React and Bootstrap
ReactJS
Setting up the environment
Installing ReactJS and Bootstrap
Installing React
Bootstrap
Installing Bootstrap
Using React
Static form with React and Bootstrap
Summary
2. Lets Build a Responsive Theme with React-Bootstrap and React
Setting up
Scaffolding
Navigation
React-Bootstrap
Installing React-Bootstrap
Using React-Bootstrap
Benefits of React-Bootstrap
Bootstrap grid system
Helper classes
Floats
Center elements
Show and hide
React components
React.createElement()
Summary
3. ReactJS-JSX
What is JSX in React
Advantages of using JSX in React
How to make your code neat and clean
Acquaintance or understanding
Semantics/structured syntax
The composite component
Namespace components
JSXTransformer
Attribute expressions
Boolean attributes
JavaScript expressions
Styles
Events
Attributes
Spread attributes
Example of a dynamic form with JSX
Summary
4. DOM Interaction with ReactJS
Props and state
Form components
Props in form components
Controlled component
Uncontrolled component
Getting the form values on submit
Ref attribute
Bootstrap helper classes
Caret
Clearfix
Summary
5. jQuery Bootstrap Component with React
Alerts
Usage
Bootstrap alert component in React
Component lifecycle methods
Component integration
Bootstrap modal
Summary
6. Redux Architecture
What is Redux?
Single store approach
Read-only state
Reducer functions to change the state
Architecture of Redux
Redux's architectural benefits
Redux setup
Installing Node.js
Setting up the application
Development tool setup
Redux application setup
Actions
Reducers
Store
Components
Summary
7. Routing with React
Advantages of React router
Installing router
Application setup
Creating routes
Page layout
Nested routes
React router
NotFoundRoute
Browser history
Query string parameters
Customizing your history further
Summary
8. ReactJS API
React Top-Level API
React API component
Mount/Unmount components
Object-oriented programming
React integration with other APIs
React integration with the Facebook API
Installing Node
Setting up the application
Summary
9. React with Node.js
Installing Node and npm
React application setup
Installing modules
Responsive Bootstrap application with React and Node
Bootstrap table
Bootstrap responsive tables
React developer tools
Installation
How to use
Summary
10. Best Practices
Handling data in React
Using Flux
Using Redux
Redux is equal to Flux, really?
Single-store approach
Read-only state
Immutable React state
Observables and reactive solutions
React routing
How React will help to split your code in lazy loading
JSX components
How easy is it to visualize?
Acquaintance or understanding
Semantics/structured syntax
Using classes
Using PropType
Benefits of higher-order components
Redux architectural benefits
Customizing Bootstrap for your app
Bootstrap content - typography
Bootstrap component - navbar
Bootstrap component - forms
Bootstrap component - button
Bootstrap themes
Bootstrap responsive grid system
Interesting information about ReactJS and Bootstrap projects
Helpful React projects
Things to remember
Summary
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset