GitHub Address: Https://github.com/lyxia/RNWeiBo
http://www.jianshu.com/p/4190205d9811
IOS AndroidReact-native version 0.40.0MOBX, redux schema completed
1, micro-blog Home2, micro-blog Details page3, point praise4, unread message red dot5, publish the page animation6, micro-blog content of the emoji7, save token, automatically verify token, preload userinfo8, up and down pull refresh operation
1. Git clone https://github.com/lyxia/RNWeiBo2. CD R
Objective
Recently, there are new projects, so long have not written a blog, and then all use leisure time to learn react-native.
Because the employment environment of Android and iOS brings unprecedented impact to mobile development, so many partners have to find another way, and now the more popular Hybird and react-
IntroducedThe purpose of 1,react JS is to make the V layer of the front end more modular and better reusable, it can use simple HTML tags to create more custom component tags, internal binding events, but also let you free from the operation of the DOM, only need to manipulate the data will change the corresponding DOM.The purpose of 2,react native is that we can
Ext.: https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==mid=2651112392idx=1sn= 135e29ddde3050d469be98db815c267escene=0key= 18e81ac7415f67c4bcc2eaac3ca13f8d294ec1b8fa5828d4d7f13f2e81cc62f72e55e828ee04e2002284521336a3766dascene=0 uin=mjc3otu3nzk1devicetype=imac+macbookpro10%2c1+osx+osx+10.10.5+build%2814f1808%29version= 11020201pass_ticket=iyyr6c4vunt0%2bavp7kh4qx0%2f3due6hvy8d0m%2fe3husz%2b3%2bljlkzmzgkeegjnzgofReact Native for more than a year, many co
Recommended 11 React Native Open Source Mobile UI componentsOschina posted 10 month ago, total 14 reviewsThis article recommends 11 great React Native Open source components, which hopefully will help mobile app developers.React Native is a recent Facebook
picture.Then we need to use the image of this component, first of all needs to import in:
Import {
appregistry,
Image,
StyleSheet,
Text,
View
} from ' react-native ';
We'll add image to the project and then we can use this component.We randomly found a picture on the Internet. Then change the contents of the render () {} method to:
Let pic={
uri: ' http://p4.music.126.net/cq1STvQ6q5b
The purpose of 1,react JS is to make the V layer of the front end more modular and better reusable, it can use simple HTML tags to create more custom component tags, internal binding events, but also let you free from the operation of the DOM, only need to manipulate the data will change the corresponding DOM.The purpose of 2,react native is that we can use the f
ncfirstproject You can create a new project named "Ncfirstproject".Editing JSX code files with WebstormOpen the Directory "~/rctdev/ncfirstproject" with Webstorm, and double-click Open index.ios.js file. Wait for Webstorm to recognize the JSX code syntax, and then click Switch Toggle.On the Webstrom command line, enter the "npm Install" command to initialize the "React
engineering servicesReopen a cmd and switch to the Awesomproject directoryPerform NPM start, the prompt is displayed, and then enter the react-native Start command. If that proves your service has started, here we can see that the port of the service is 8081.We certify in the browser whether the service is started:Enter address in browser:http://localhost:8081/i
React Native Concept Introduction noun explanationFirst, several key words are listed:
React
Native
React Native
These three words do not really have much to do with it, and we explain it individually:
RN is a awesome technology, and Facebook's very thinking team has created a new technology that has changed the native development community. But RN itself is doubtful, RN is to solve what problems exist? What problems did RN solve after the birth of a year? Through analyzing the idea of Rn, this paper tries to understand the dynamic scheme through technology.RN (React
, but I couldn't switch to our link, so I threw the pot to the background, which side of React is incorrect.
Because the previous project was too time-consuming and didn't have time to take a good look at the source code, I thought of a not-perfect solution, that is, the webpage uses js to call the App back and forth to tell the current navigation status, this solution is unfriendly.
Now I have a little tim
the
The first step is complete. You see, it's so simple ~
Next let's start step 2.
AppRegistry.registerComponent('AwesomeProject', function() { return HelloWorld;});
AppRegistry is an entry for applications running React Native. The root component of an application must call AppRegistry. the registerComponent method registers itself to the application so that the nat
Will the cross-platform framework of mobile apps be Terminator? Come to visit React Native and facebookreact from Facebook
Initial Exploration of React Native use February 06 2015
Facebook allows all React Conf participants to get a taste of the source code of
The demo is mainly to show a movie message and show 25 movie messages in the ListView. 1. Initialize a project and run
Open Terminal, enter:
React-native Init Demoproject
After entering, initialize a project return information as follows:Sometimes installing React-native package from NPM ...This step will be very slow
650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/59/85/wKioL1TW2K-BHVlgAAaGVpwHp5g726.jpg "title=" react-native1 watermark. png "alt=" wkiol1tw2k-bhvlgaaagvpwhp5g726.jpg "/>Preliminary study on the use of React nativeFebruary 06 2015Facebook lets all react conf participants get a taste of react native's sourc
Redux is a JavaScript state container that provides predictable state management.
Beginners this, feel that some articles on the internet is not so easy to understand, here in simple words to introduce the use of redux in react-native.
Plainly on the three main things, Action,store and reducer.
Action: Mainly used to trigger a number of transactions to change state, usually with setstate change.REDUCER: Aft
The updated version of React native will give you access to more APIs, so we can use more APIs, view views, Developer tools and other useful things. Browse the version update log will find the overall FB official development progress is still very tense, so it is very easy to lead to the old version of the situation can not be used, late may be unpredictable, this is recommended to try to update the latest
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.