کتاب الکترونیکی Programming React Native

کتابی که مشاهده می کنید از انتشارات LeanPub است که به زبان انگلیسی منتشر شده است.

کتاب الکترونیکی  Programming React Native شامل 172 صفحه است که می توانید آن را با دو فرمت PDF و EPUB دانلود نمایید.

سرفصل های کتاب

About Me . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
About This Book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
How To Build a Book for Bleeding Edge? . . . . . . . . . . . . . . . . 3
How To Read This Book? . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
About Me . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
The Revolution Has Begun . . . . . . . . . . . . . . . . . . . . . . . . . 5
Cross Platform Mobile . . . . . . . . . . . . . . . . . . . . . . . . . . 5
React . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
React Native . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Why This Time? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Book Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Intended Audience . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
What This Book Is . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
What This Book Is Not . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Breezing Through React . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Getting Started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Project Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
The React Native Project . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Running Your Project . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Making Changes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Bundling Your App . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
The Native iOS Project . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
The Native Android Project . . . . . . . . . . . . . . . . . . . . . . . . 17
Tooling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Simulator and Emulator Developer Tools . . . . . . . . . . . . . . . 19
Native Debugging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Building React Native Components . . . . . . . . . . . . . . . . . . . 26
A Squashed History of Javascript Frameworks . . . . . . . . . . . . . 26
React.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
React Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Completing a Kata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
The People App . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Product . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Technical . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Potential (or: Homework) . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Walkthrough . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Walkthough Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Technical Choices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Javascript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
React . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Flux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Folder Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Dissecting Our First Screen . . . . . . . . . . . . . . . . . . . . . . . . 58
Mobile List Views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
The Groups Screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Master-Detail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
ListView and Our Master View . . . . . . . . . . . . . . . . . . . . . . 67
The Store . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Bootstrapping and Navigation . . . . . . . . . . . . . . . . . . . . . . . 75
Styling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
The Detail Screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
The People (Contacts) Screen . . . . . . . . . . . . . . . . . . . . . . . 93
Making Reusable Components . . . . . . . . . . . . . . . . . . . . . . 98
Using Community Components . . . . . . . . . . . . . . . . . . . . . .100
Linking iOS projects . . . . . . . . . . . . . . . . . . . . . . . . . . .100
Linking Android Projects . . . . . . . . . . . . . . . . . . . . . . . .105
Javascript Components . . . . . . . . . . . . . . . . . . . . . . . . . .108
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .109

Navigation and Routing . . . . . . . . . . . . . . . . . . . . . . . . . . .110
Why navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110
Why Navigation is Scary . . . . . . . . . . . . . . . . . . . . . . . . . .110
Navigation in React Native . . . . . . . . . . . . . . . . . . . . . . . . .111
Navigator vs. NavigatorIOS . . . . . . . . . . . . . . . . . . . . . . . .112
Navigator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112
Wiring Navigator . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112
ToolbarAndroid and Navigator.NavigationBar . . . . . . . . . . . .114
ToolbarAndroid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .115
Android’s Back Button . . . . . . . . . . . . . . . . . . . . . . . . . .118
NavigatorIOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119
Passing Data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121
Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122
Search in Navbar . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122
Custom Content in Title . . . . . . . . . . . . . . . . . . . . . . . . .123
Routed Navbar Content . . . . . . . . . . . . . . . . . . . . . . . . .123
Reactive Navbar Content . . . . . . . . . . . . . . . . . . . . . . . .124
Getting Input . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .124
Spreading Props . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125

Going Native: Native UI . . . . . . . . . . . . . . . . . . . . . . . . . . .126
Why go Native? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .126
Performance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .126
Making use of Existing Work . . . . . . . . . . . . . . . . . . . . . .127
Better Tooling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .127
Custom UI and Complex UI Work . . . . . . . . . . . . . . . . . . .127
Wrapping Existing Components . . . . . . . . . . . . . . . . . . . .127
A General Escape Hatch . . . . . . . . . . . . . . . . . . . . . . . . .127
When Not to Go Native? . . . . . . . . . . . . . . . . . . . . . . . . . .128
The Building Blocks of a Custom View . . . . . . . . . . . . . . . . . .128
The ViewManager . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .129
Our Example: MessagesView . . . . . . . . . . . . . . . . . . . . . . .130
Breakdown: iOS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .132
MessagesView . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .132
RCTMessagesViewManager . . . . . . . . . . . . . . . . . . . . . . .134
messagesview.ios.js . . . . . . . . . . . . . . . . . . . . . . . . . . . .138
Breakdown: Android . . . . . . . . . . . . . . . . . . . . . . . . . . .143
MessagesView . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .143
MessagesViewManager . . . . . . . . . . . . . . . . . . . . . . . . .148
NativeControlsPackage . . . . . . . . . . . . . . . . . . . . . . . . .150
messagesview.android.js . . . . . . . . . . . . . . . . . . . . . . . . .152
Using MessagesView . . . . . . . . . . . . . . . . . . . . . . . . . . . .155
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .156

Going Native: Native Modules . . . . . . . . . . . . . . . . . . . . . . .157
Our Example: Cryptboard . . . . . . . . . . . . . . . . . . . . . . . . .157
iOS Breakdown . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158
Android Breakdown . . . . . . . . . . . . . . . . . . . . . . . . . . . .160
Cryptboard.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .162
Bridging Promises . . . . . . . . . . . . . . . . . . . . . . . . . . . .165
Using a Single Codebase . . . . . . . . . . . . . . . . . . . . . . . .166
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .167