Fullstack React Native: The Complete Guide to React Native第五版pdf

所需积分/C币:43 2018-08-17 11:34:23 52.04MB PDF

截止8.17上传的时候,revision 5是最新的版本,相比全网流行的r2,有较大改动包括增加了animation以及gesture还有部分deprecated源码的迭代更新。
Contents Book revision 翻春 Bug Reports Be notified of updates via Twitter We'd love to hear from you! Introduction,.,,,,,,,,,,,,,,,,,,,, about This book Running Code examples 111112234 Code blocks and context Getting Help Emailing Us Getting Started with React Native Weather App arting the project 446690 Expo Components Custom components 33 Summary 67 React fundamentals ··· 68 Breaking the app into components 7 step process 74 Step 2: Build a static version of the app 76 Step 3 Determine what should be stateful 91 Step 4: Determine in which component each piece of state should live ............93 Step 5: Hardcode initial states 95 Step 6: Add inverse data flow 106 Updat g 113 Deleting timers 119 Adding timing functionality 122 Add start and stop functionality 124 Methodology review ,,,132 Core components, Part 1 ,,,,,,,,,,,,,134 CONTENTS What are components? ...134 Building an Instagram clone ,134 14 Style Sheet ,,,,151 Teⅹt 153 Touchableopacity 161 Image 166 Activityindicator Flatlist 178 Core Components, Part 2 ,,,,,,,,190 TextInput 193 Scrollview ,197 Modal 204 Core aPIs, Part 1 .216 Building a messaging app .,,,,,,,,,.,.216 Initializing the project 219 The app· 220 Network connectivity indicator ,,,,.224 The message list ,,,,,235 Toolbar 256 Geolocation 翻 268 Input Method Editor(ime) 270 Core APIs. Part 2 286 The keyboard 286 Were donel 310 Navigation ,,..,311 Navigation in react Native ···· ,,,311 Contact list .317 Starting the project 322 Container and Presentational components .324 Contacts ,,,,,,,,,.324 Profile 328 React Navigation .,,,,,,332 Stack navigation 332 Tab navigation 344 Drawer navigation Sharing state between screens 371 Deep linking 378 Summar .383 CONTENTS Animation .384 Animation challenges .384 Building a puzzle game 386 App 390 Building the Start screen 392 Building the Game screen 415 Summary... ,,,,±29 Gestures :····: 430 Building the b boar 430 Gesture Responder system 442 PanResponder 446 gable component ,447 Finishing th g ne game 461 Were donel 466 Native modules 467 What are native modules? 467 Building a native module 469 Development environment 471 Initializing the project iOS 477 Android .....487 Javascript 496 Building and publishing 50生 How to read this chapter 504 Buildi g 504 Building with Expo 505 iOS 508 Android 525 Handling Updates 532 Summary 533 ppendix 53生 JavaScript Versions ,,,,534 ES2015 ,,534 ReactE lement .540 Handling Events in React Native 541 Publishing with Expo 5±5 Changelog 546 CONTENTS Book Revision Revision 5- Native modules chapter added to book Bug Reports If youd like to report any bugs, typos, or suggestions just email us at: rn@fullstack io Be notified of updates via Twitter If youd like to be notified of updates to the book on Twitter, follow @fullstackreact Wed love to hear from you! Did you like the book? Did you find it helpful? We d love to add your face to our list of testimonials on the website! Email us at: rn @fullstackio3 mailto:rn@fullstack o? Subject=Fullstack%20React%20Native720book%o20feedback 2https://twitter.com/fullstackreact mailto: rn@fullstackio? Sub ject=React%20Native%testimonial Introduction One of the major problems that teams face when writing native mobile applications is becoming familiar with all the different technologies. iOS and Android- the two dominant mobile platforms support different languages. For iOS, Apple supports the languages Swift and Objective-C. For Android, Google supports the languages Java and Kotlin And the differences dont end there These platforms have different toolchains. and they have different interfaces for the device's core functionality. Developers have to learn each platforms procedure for things like accessing the camera or checking network connectivity One trend is to write mobile apps that are powered by Webviews. These types of apps have minimal native code. Instead, the interface is a web browser running an app written in HTML, CSS, and JS This web app can use the native wrapper to access features on the device, like the camera roll Tools like Cordova enable developers to write these hybrid apps. The advantage is that developers can write apps that run on multiple platforms. Instead of learning iOS and Android specifics, they can use HTML, CSS, and JS to write a "universal"app The disadvantage, though, is that it's hard to make these apps look and feel like real native applications. And users can tell While universal WebView-powered apps were built with the idea of build once, run anywhere, React Native was built with the goal of learn once, write anywhere React is a JavaScript framework for building rich, interactive web applications. With React Native, we can build native mobile applications for multiple platforms using JavaScript and React Importantly, the interfaces we build are translated into native views. React Native apps are not composed of Webviews Well be able to share a lot of the code we write between ios and android. And react Native makes it easy to write code specific to each platform when the need arises. We get to use one language (JavaScript), one framework(React), one styling engine, and one toolchain to write apps for both platforms. Learn once, write anywhere At its core, React Native is composed of React components. We'll dig deep into components throughout this book, but here' s an example of what a react component looks like https://develor Shttps://developer.apple.com/library/content/documentation/cocoa/ConceptualiprogrammingWithobjectiVec/introduction/ Introduction. html 6https://docs.oracle.com/javase/8/docs/technotes/guides/language/index.html https://developer.androidcom/kotlin/index.htm 8https://cordova.apacheorg Introduction import React from react importi Stylesheet, Text, View)from'react-native export default class StyledText extends React Component i render()i return <Text style=[styles. text]>(content)</Text> const styles= StyleSheet. create([ text: t olor. red fontWeight:bold React Native works. It is currently being used in production at Facebook, Instagram, Airbnb, and thousands of other companies About this book This book aims to be an extensive React Native resource. By the time you're done reading this book, you(and your team)will have everything you need to build reliable react Native applications React Native is rich and feature-filled, but that also means it can be tricky to understand all of it parts. In this book, we'll walk through everything, such as installing its tools, writing components navigating between screens, and integrating native modules But before we dig in, there are a few guidelines we want to give you in order to get the most out of this book. Specifically how to approach the code examples and how to get help if something goes wrong Running Code Examples This book comes with a library of runnable code examples. The code is available to download from the same place where you downloaded this book We use yarn to run every example in this book. This means you can type the following commands to run any example https://yarnpkg.com/en/ Introduction yarn start will start the React Native packager and print a QR code. If you're on an android mobile device, scanning this code with the expo app will load the application For ioS devices, see the instructions for loading apps onto your phone at the beginning of the first chapter yarn run ios will start the react Native packager and open your app in the iOS Simulator if you are using a Mac. yarn run android will start the React Native packager and open your app on a connected Android device or emulator In the next chapter we'll explain each of these commands in detail Code blocks and context Nearly every code block in this book is pulled from a runnable code example, which you can find in the sample code. For example, here is a code block pulled from the first chapter weather/1/App. js import React from 'react'i import StyleSheet, Text, View from 'react-native export default class App extends React Component I render return < View style=[styles. container)> <Text>Open up App. js to start working on your app!</Text> <Text> Changes you make will automatically reload. </Text> <Text> Shake your phone to open the developer menu. </Text> </View> const styles= StyleSheet. create(i container: i flex: 1 backgroundcolor: #fff alignitems: center justifyContent center S: /expO Introduction 4 Notice that the header of this code block states the path to the file which contains this code code/weather/1/App.js. This book is written with the expectation that you'll also be looking at the example code alongside the chapter. If you ever feel like you re missing the context for a code example, open up the full code file using your favorite text editor For example, we often need to import libraries to get our code to run. In the early chapters of the book we show these import statements because it's not clear where the libraries are coming from otherwise. However, the later chapters of the book are more advanced and they focus on key concepts instead of repeating boilerplate code that was covered earlier in the book. If at any point you re not clear on the context, open up the code example on disk Getting Help While we've made every effort to be clear, precise, and accurate you may find that when you're writing your code you run into a problem Generally there are three types of problems a bug?in the book(e. g. something is explained incorrectly) ·A“bug” in our code A“bug” in your code If you find an inaccuracy in our description of something, or you feel a concept isnt clear, email us We want to make sure that the book is both accurate and clear Similarly, if you've found a bug in our code we definitely want to hear about it If you're having trouble getting your own app working (and it isnt our example code), this case is a bit harder for us to handle. If you re still stuck, we d still love to hear from you, and here some tips or getting a clear, timely response Emailing Us If you re emailing us asking for technical help, here's what we'd like to know What revision of the book are you referring to? What operating system are you on? (e.g. Mac OS X 10.8, Windows 95) Which chapter and which example project are you on? What were you trying to accomplish? What have you tried already? What output did you expect?

...展开详情
试读 127P Fullstack React Native: The Complete Guide to React Native第五版pdf

评论 下载该资源后可以进行评论 1

chandlerbinguo thank you, thank you so much!
2018-08-18
回复
img
urguys

关注 私信 TA的资源

上传资源赚积分,得勋章
    最新推荐
    Fullstack React Native: The Complete Guide to React Native第五版pdf 43积分/C币 立即下载
    1/127
    Fullstack React Native: The Complete Guide to React Native第五版pdf第1页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第2页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第3页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第4页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第5页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第6页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第7页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第8页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第9页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第10页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第11页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第12页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第13页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第14页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第15页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第16页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第17页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第18页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第19页
    Fullstack React Native: The Complete Guide to React Native第五版pdf第20页

    试读已结束,剩余107页未读...

    43积分/C币 立即下载 >