According to this article translation summary https://github.com/reactjs/react-basic, through this author's theory system we basically can deduce react's prototype, this is react's essence , I summed up the form of mind mapping can better help you
Functional Requirements
1> display 1 images during initialization, 1 seconds later, hide image
2> Click the button to show 1 pictures, 1 seconds later, hide the picture
principle
Bind this itself, using anonymous functions
Using settimeout
Today encountered a very wonderful problem, and later in the StackOverflow above, is said to be a react-native bug.Original address: http://stackoverflow.com/questions/38579665/
When your is using React components, you need to be able to access specific references to individual components. This is do by defining a ref .Notice: ' Ref ' works in class component, not in statless component.If we don ' t add "ref", three slider
Atom is a cross-platform compiler published by GitHub.1: First download the installation package on the official website2: After the installation, find settings in the install download the appropriate plug-in.3: After completing the atom step, go to
React Basic Concepts
React is a component-based development that enables Web applications to achieve the effects of desktop applications through a combination of components.
React is more conducive to the development of single-page
A component that wraps the platform's ScrollView (scrolling view), while also integrating a touch-locked "responder " system. Remember that ScrollView must have a certain height in order to work properly, as it actually does is to load a series of
The life cycle life cycle of react is divided into three phases 1.mounted (when initialized)
When we see the page element changed from JSX to DOM node, the React component is loaded (mounted) into the page
2.update (component is in
React design is a one-way traffic (from the server to the client), there is no page data and service-side data binding
Manage different streams of data through component (component), develop and create any application with react is a component
You can now install only on Mac systems.1. First, HomeBrewThis is a package management library that is used to download other tools.Open website: brew.shWeb page has a command/usr/bin/ruby-e "$ (curl-fssl
Yesterday at the beginning of the experience of a SVG is not how complex animation, I experience on the iOS simulator is smooth, but on the Android real-life experience, or compare cards.Here's a third-party library of OpenGL:Here is the effect of
Two days after the Ming Dynasty,Reacteurope in Paris, the keynote address of this conference is:
React Native (animation and operational performance optimization)
Flux-like Data Architecture (GRAPHQL best practices and Outlook, Redux
PS: The width unit used by Apple is designed for developers to use close values on the application. For example, the width range is between 320-414. But the width corresponds to the pixel is a conversion scale, especially for the background map to
Recently, I've been thinking about a problem, how can data be passed when react's unidirectional data flow faces a deep-seated set of components (the component returned by the Redux Connect method, which is a complete feature)??? Redux help us solve
React research, the motive force is not virtual DOM and response speed, but the spirit of react native to go.Feel react design bad, did not separate html,js, but mixed together, each new design components such as TESTDIV, must be executed under
In the project, may sometimes want to make different page display of the screen is not the same, such as the previous paragraph I do "calisthenics" project, in the first page, it is definitely want to make the page for vertical screen display, but
Recently contacted react frame, small remember ~ ~ ~Development environment ConfigurationTo build a modern front-end development environment supporting a lot of tools, such as Grunt/gulp/webpack/broccoli, are to solve the front-end engineering
This weekend in Upyun's mobile salon, mentioned react Native, write a tutorial today.The first thing to do is to configure the environment, if not, perform the following work.1. Install Homebrew Open TerminalRuby-e "$ (curl-fssl
Preface
React native (RN for short) is not here for its origins, advantages, installation and use. You can Google/Baidu on your own. I sorted out the notes recorded in the previous study of Rn and analyzed some technical ideas in the RN framework
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.