Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

React native. Bridge From Web To Mobile. Intro

277 views

Published on

React native. Bridge From Web To Mobile. Intro.

How to get started with react native development?
How to use your web skills in mobile development?
Why react native is easy

Published in: Software
  • ★★ How Long Does She Want You to Last? ★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here's the link to the report ▲▲▲ http://ishbv.com/rockhardx/pdf★★ How Long Does She Want You to Last? ★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here's the link to the report  http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

React native. Bridge From Web To Mobile. Intro

  1. 1. React-Native Мост от WEB к Mobile Igor Izraylevych S-PRO http://s-pro.io/
  2. 2. Виды мобильной разработки native: - ios( swift, objective-c ) - android (java, android sdk) cross platform: - webview & PhoneGap - jQuery Mobile - Ionic + PhoneGap - xamarin - react-native
  3. 3. WebView ;) Native!
  4. 4. Почему React-native? - кросплатформенно - быстро - порог вхождения ниже чем в нативной рзработке - javascript - легко перейти из веб - если у вас есть веб проект, не сложно сделать к нему мобильное приложение
  5. 5. React & React-native? - template engine, native elements - <View> == <div> - <Text> == <span> - <Image /> == <img /> - ...etc class MyComponent extends Component { render() { return ( <View> <Image source={{uri: 'http://fb.com/123.png'}} /> <View> <Text> React Native </Text> <Text> Build high quality mobile apps using React </Text> </View> </View> ); } }
  6. 6. UI & blocks New York Steve Paul friend name city submit Mike Los Angeles Friends header divider list item form class Friends extends Component { render() { return ( <Container> <Header> <Title>Friends</Title> </Header> <List> <Divider>New York</Divider> <ListItem> <Text>Steve</Text> </ListItem> <Divider>Los Angeles</Divider> <ListItem> <Text>Paul</Text> </ListItem> <ListItem> <Text>Mike</Text> </ListItem> </List> <AddFriendForm> <TextInput /> <TextInput /> <Button>Submit</Button> </AddFriendForm> </Container>
  7. 7. Жизнь будет ярче с Redux
  8. 8. Redux Store rules the app Store Component Component Component
  9. 9. Жизнь будет ярче с Redux New York Steve Paul friend name city submit Mike Los Angeles Friends { FRIENDS: [{ name: 'Steve', cityId: '0' },{ name: 'Paul', cityId: '1' },{ name: 'Mike', cityId: '1' }], CITIES: [{ id: 0, name: 'New York' },{ id: 1, name: 'Los Angeles' }] } Redux - хранит состояние приложения
  10. 10. Добавим нового друга в состояние New York Steve Paul friend name city submit Mike Los Angeles Friends { USERS: [{ name: 'Steve', cityId: '0' },{ name: 'Paul', cityId: '1' },{ name: 'Mike', cityId: '1' },{ name: Monica, cityId: '1' }]], CITIES: [{ id: 0, name: 'New York' },{ id: 1, name: 'Los Angeles' }] } Monica Monica
  11. 11. React + Redux = love
  12. 12. Кейсы
  13. 13. #1 согласовать с дизайнером элементы UI
  14. 14. #2 заранее выбрать список библиотек - проверить зависимости - убедитесь, что они работают - они точно подходят? эти скорее всего пригодятся: - redux + immutable - redux-form - native-base - apisauce, axios
  15. 15. http://github.com/jondot/awesome-react-native
  16. 16. #3 верстка - сначала верстаем, потом подключаем логику - пишем jss - используем переменные - наследуем стили
  17. 17. #4 use redux - http://redux.js.org/
  18. 18. #5 планирование State и redux - очень мощная грабля - state === DB - если не спланировал, готовься в какой-то момент переписать все или почти все
  19. 19. #6 redux Component synced with state Action State USE {this.props}! DO NOT USE {this.state}
  20. 20. #7 Actions in Actions Component synced with state Action State
  21. 21. #8 forms - use redux-forms
  22. 22. #9 ios & android SearchBar.ios.js SearchBar.android.js import SearchBar from './SearchBar’;
  23. 23. - мега популярен! - большое комьюнити, много ответов, всегда найдете решение - Комфортно и круто - супер, когда разработка действительно приносит удовольствие Выводы

×