开发工具:
文件大小: 5mb
下载次数: 0
上传时间: 2019-02-23
详细说明：React 16的快速预览手册，全英文的，总结得很棒，值得学习State vs Props
Prop Types
Fragment
Events
Lifecycle events
Handling forms
Reference a doM element
Server side rendering
Context aPl
Higher-order components
Render Props
Hooks
Code splitting
Styling
Css in react
SASS With React
Styled Components
Tooling
Babe
eDac
Prettier
Testing
Introduction to jest
Testing React Components
a look at the react ecosystem
React router
Redux
Next
Gatsby
Wrapping up
4
Introduction
ntroduction
REAC
HA MDDooK
The React Handbook follows the 80/20 rule: learn in 20% of the time the 80% of a topic
I find this approach gives a well-rounded overview. This book does not try to cover everything
under the sun related to React. If you think some specific topic should be included, tell me
In this book I make use of React hooks, so you need to set the required versions of React and
ReactDOM to use 16.7.0-alpha2 (if when you're reading this Hooks are released officially
you don t need to do this). You can do so in Code Sandbox by clicking"Add Dependency"and
searching react and choosing 16.7. 0-alpha 2 from the select, and repeat this
react
dom. When using create-react-app, run npm install react16.7.0-alpha 2 react-domg16.7.0
alpha2 after you create the project
I hope the contents of this book will help you achieve what you want: learn the basics of
React
This book is written by Flavio. I publish web development tutorials every day on my website
flaviocopes. com
You can reach me on twitter flaviocopes
Introduction
Enjoy
Introduction to React
Introduction to react
An introduction to the React view library
What is react?
React is a Java Script library that aims to simplify development of visual interfaces
Developed at Facebook and released to the world in 2013, it drives some of the most widely
used apps, powering Facebook and Instagram among countless other applications
Its primary goal is to make it easy to reason about an interface and its state at any point in
time, by dividing the Ul into a collection of components
Why is react so popular?
React has taken the frontend web development world by storm. Why?
ess complex than the other alternatives
At the time when React was announced, Ember s and Angular 1.x were the predominant
choices as a framework. Both these imposed so many conventions on the code that porting an
existing app was not convenient at all. React made a choice to be very easy to integrate into
an existing project, because that's how they had to do it at Facebook in order to introduce it to
the existing codebase. Also, those 2 frameworks brought too much to the table, while react
only chose to implement the view layer instead of the full MVc stack
Perfect timing
At the time, Angular 2.x was announced by Google, along with the backwards incompatibility
and major changes it was going to bring Moving from Angular 1 to 2 was like moving to a
different framework, so this, along with execution speed improvements that react promised
made it something developers were eager to try
Backed by Facebook
Being backed by facebook obviously is going to benefit a project if it turns out to be
successfu
Introduction to React
Facebook currently has a strong interest in React, sees the value of it being Open Source, and
this is a huge plus for all the developers using it in their own projects
Is React simple to learn?
Even though I said that React is simpler than alternative frameworks, diving into React is still
complicated, but mostly because of the corollary technologies that can be integrated with
React, like Redux and GraphQL
React in itself has a very small API, and you basically need to understand 4 concepts to get
started
Components
JSX
State
Props
All these(and more) are explained in this handbook
How to install react
How to install react
How to install React on your development computer
How do you install React?
React is a library, so saying install might sound a bit weird. Maybe setup is a better word, but
you get the concept
There are various ways to setup React so that it can be used on your app or site
Load react directly in the web page
The simplest one is to add the react Java Script file into the page directly. This is best when
your React app will interact with the elements present on a single page, and not actually
controls the whole navigation aspect
In this case, you add 2 script tags to the end of the body tag
