First, the initialization of the project
First make sure that your node version is >=4.0. And make sure yarn can work properly, about installing yarn, you can see here
Let's create an empty folder first yarn-react-webpack-seed , for example, and
IOS react Native Flexbox Detailed and data collation,
# Preface
Learning this series of content needs to have a certain HTML development base, no basic friends can go to HTML learning
I contact react Native time is not particularly long, so the
React is the skeleton of a group of cattle x farmers in Facebook. Implements a virtual DOM, using DOM to add the required component seconds and eliminate unnecessary seconds. React plays the role of V in the MVC structure, but if you Flux with it,
First, write in front
1. What is React-native?
React-native: Facebook unveiled an open source project at the React.js Technical symposium in early 2015. Support for developing iOS and Android native apps with open source JavaScript library
Learning or to learn, with more, there will be more understanding, the development of the encounter when the choice is simple.
The author of this article also made a summary:
If you like to use (or want to use) the template to build the application,
Objective
This article describes the properties and status of Rn, as well as the use of UI styles such as style, which have appeared in the previous Hello World project, and then we can use these to build a few simple UI interfaces.
Also remember
Objective
Flex, contraction, elasticity means. Elastic (Flex) Width high
About the height of the setting in Rn, we mentioned in the last set of image load network picture, first width and height are two properties, to specify the width of a
react-native-icons Download
Run NPM install React-native-icons@latest--save at the root of the project and you will see the plugin in the Node_modules directory after the download is complete:
Configuration
Currently only supports iOS, so only the
1, Create-react-app is what.To be a react project, it is difficult for beginners to build their development environment. So, Facebook specifically made the Create-react-app command for building React project development environment.
The
My own understanding redux is similar to the Vuex in Vue, is a data manager, say, we start from the classic counter case to explain
Implementing counters using Redux
Create the following react project, I used to put each module block, only so many
This series of articles helps to rationalize the core content of the React framework (jsx/Virtual dom/component/life cycle/diff algorithm/setstate/purecomponent/hoc/...) while implementing a Cpreact project address
Implement React series--JSX
Let's start with a few terms:
official
my story.
corresponding Code
React element
React elements
let element=A爆了
Component
Component
class App extends React.Component {}
Scene
Use react to do development and avoid using React-routerReact Router is already a V4 version.
React RouterNow it has been divided into three packages: react-router , react-router-dom , react-router-native .The React Router application provides
When running react-native in Xcode, can not avoid to view the log information, but the react-native socket in the log is simply too much, often just see the information they want to see, the moment is the latest log to brush up
As we all know, one of react's pain points is communication between components that are non-parent-child, and its official documentation is not taboo:
For communication between, there is a parent-child relationship, you can set up your own
React native development, in order to encapsulate often need to customize the component, so that the parent and child components will appear, then how to communicate with each other between the parent and child components, that is, how to push and
front-end popular frame competition
Angular
Vue
React
Ant-design
AngularjsAngular is a framework for MVVM. It's all about MVVM. The most important scenario for angular is a single-page application, or a large number of data
React is the best front-end library because it originates from the best backend language framework in the world. ---beliefs
4.0 'll likely is the last major release. Use Redux instead. It ' s really great. -flummox Framework author Acdliteandrew
React such a popular framework is not introduced, Redux is a small frame of a single data flow, of course, not only with react, it was originally for the react, and now for all, such as Ng-redux project. Redux as the standard collocation of react, a
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service