React Native in Action_p1 [Pehme köide]

  • Formaat: Paperback / softback, 320 pages
  • Ilmumisaeg: 28-Apr-2019
  • Kirjastus: Manning Publications
  • ISBN-10: 1617294055
  • ISBN-13: 9781617294051
Teised raamatud teemal:
  • Formaat: Paperback / softback, 320 pages
  • Ilmumisaeg: 28-Apr-2019
  • Kirjastus: Manning Publications
  • ISBN-10: 1617294055
  • ISBN-13: 9781617294051
Teised raamatud teemal:
Description Using React Native, developers can build performant cross-platform native apps much easier than ever before, all with a single programming language: JavaScript. React Native in Action gives iOS, Android, and web developers the knowledge and confidence to begin building high quality iOS and Android apps using the React Native framework. By the end, readers will know how to build high quality, cross-platform mobile apps with React Native. Key features * Install and run React Native * Implement React Native components and APIs * Request and send data over the network * Store and retrieve data locally * Test React Native code Audience This book is for beginner to intermediate web, JavaScript, or iOS (Swift/Objective C) developers.
Preface xi
Acknowledgments xiii
About This Book xv
About The Author xviii
About The Cover Illustration xix
Part 1 Getting started with React Native
1(72)
1 Getting started with React Native
3(24)
1.1 Introducing React and React Native
4(3)
A basic React class
5(1)
React lifecycle
6(1)
1.2 What you'll learn
7(1)
1.3 What you should know
7(1)
1.4 Understanding how React Native works
8(2)
JSX
8(1)
Threading
8(1)
React
8(1)
Unidirectional data flow
8(1)
Diffing
8(1)
Thinking in components
9(1)
1.5 Acknowledging React Native's strengths
10(5)
Developer availability
11(1)
Developer productivity
11(1)
Performance
12(1)
One-way dataflow
12(1)
Developer experience
13(1)
Transpilation
13(1)
Productivity and efficiency
13(1)
Community
14(1)
Open source
14(1)
Immediate updates
14(1)
Other solutions forbuilding cross-platform mobile applications
14(1)
1.6 React Native's drawbacks
15(1)
1.7 Creating and using basic components
15(7)
An overview of components
16(1)
Native components
16(1)
Component composition
17(2)
Exportable components
19(2)
Combining components
21(1)
1.8 Creating a starter project
22(5)
Create React Native App CLI
22(1)
React Native CLI
23(4)
2 Understanding React
27(18)
2.1 Managing component data using state
28(4)
Correctly manipulating component state
28(4)
2.2 Managing component data using props
32(7)
2.3 React component specifications
39(2)
Using the render method to create aUI
39(1)
Using property initializers and constructors
40(1)
2.4 React lifecycle methods
41(4)
The static getDerivedStateFromProps method
42(1)
The componentDidMount lifecycle method
42(1)
The shouldComponentUpdate lifecycle method
43(1)
The componentDidUpdate lifecycle method
43(1)
The componentWillUnmount lifecycle method
44(1)
3 Building yourfirst React Native app
45(28)
3.1 Laying out the todo app
46(1)
3.2 Coding the todo app
47(5)
3.3 Opening the developer menu
52(3)
Opening the developer menu in the iOS simulator
52(1)
Opening the developer menu in the Android emulator
53(1)
Using the developer menu
53(2)
3.4 Continuing building the todo app
55(18)
Part 2 Developing applications in React Native
73(124)
4 Introduction to styling
75(40)
4.1 Applying and organizing styles in React Native
76(7)
Applying styles in applications
76(2)
Organizing styles
78(2)
Styles are code
80(3)
4.2 Styling view components
83(17)
Setting the background color
84(2)
Setting border properties
86(6)
Specifying margins and padding
92(5)
Using position to place components
97(2)
Profile Card positioning
99(1)
4.3 Styling Text components
100(15)
Text components vs. View components
100(4)
Font styles
104(3)
Using decorative text styles
107(8)
5 Styling in depth
115(30)
5.1 Platform-specific sizes and styles
116(6)
Pixels, points, and DPs
116(2)
Creating drop shadows with ShadowPropTypesIOS and Elevation
118(3)
Putting it into practice: drop shadows in the ProfileCard
121(1)
5.2 Using transformations to move, rotate, scale, and skew components
122(13)
3D effects with perspective
123(1)
Moving elements along the x-and y-axes with translateX and translateY
123(4)
Rotating elements with rotateX, rotateY, and rotateZ (rotate) 124' Setting visibility when rotating an element more than 90°
127(1)
Scaling objects on the screen with scale, scaleX, and scaleY
128(1)
Using the scale transform to create a thumbnail of the ProfileCard
129(3)
Skewing elements along the x- and y-axes with skewX and skewY
132(2)
Transformation key points
134(1)
5.3 Using flexbox to lay out components
135(10)
Altering a component's dimensions with flex
135(1)
Specifying the direction of the flex with flexDirection
136(1)
Defining how space is used around a component with justify Content
137(2)
Aligning children in a container with alignltems
139(1)
Overriding the parent container's alignment with alignSelf
140(2)
Preventing clipped items withflexWrap
142(3)
6 Navigation
145(17)
6.1 React Native navigation vs. web navigation
146(1)
6.2 Building a navigation-based app
146(13)
6.3 Persisting data
159(1)
6.4 Using DrawerNavigator to create drawer-based navigation
160(2)
7 Animations
162(35)
7.1 Introducing the Animated API
163(2)
7.2 Animating a form input to expand on focus
165(2)
7.3 Creating a custom loading animation using interpolation
167(3)
7.4 Creating multiple parallel animations
170(2)
7.5 Creating an animated sequence
172(3)
7.6 Using Animated.stagger to stagger animation start times
175(2)
7.7 Other useful tips for using the Animated library
177(2)
Resetting an animated value
177(1)
Invoking a callback
177(1)
Offloading animations to the native thread
177(1)
Creating a custom animatable component using createAnimatedComponent
178(1)
Using the Redux data architecture library
179(1)
8.1 What is Redux?
179(1)
8.2 Using context to create and manage global state in a React application
180(1)
8.3 Implementing Redux with a React Native app
181(2)
8.4 Creating Redux reducers to hold Redux state
183(1)
8.5 Adding the provider and creating the store
184(1)
8.6 Accessing data using the connect function
185(2)
8.7 Adding actions
187(5)
8.8 Deleting items from a Redux store in a reducer
192(5)
Part 3 API reference
197(64)
9 Implementing cross-platform APIs
199(23)
9.1 Using the Alert API to create cross-platform notifications
200(2)
Use cases for alerts
200(1)
Example of using alerts
201(1)
9.2 Using the AppState API to detect the current application tate
202(2)
Use cases for AppState
203(1)
Example of using AppState
203(1)
9.3 Using the AsyncStorage API to persist data
204(3)
Use cases for AsyncStorage
204(1)
Example of using AsyncStorage
205(2)
9.4 Using the Clipboard API to copy text into the user's clipboard
207(1)
Use cases for Clipboard
207(1)
Example of using Clipboard
207(1)
9.5 Using the Dimensions API to get the user's screen information
208(1)
Use cases for the Dimensions API
209(1)
Example of using the Dimensions API
209(1)
9.6 Using the Geolocation API to get the user's current location information
209(3)
Use cases for the Geolocation API
210(1)
Example of using Geolocation
210(2)
9.7 Using the Keyboard API to control the location and functionality of the native keyboard
212(2)
Use cases for the Keyboard API
212(1)
Example of using the Keyboard API
213(1)
9.8 Using Netlnfo to get the user's current online/offline status
214(2)
Use cases for Netlnfo
215(1)
Example of using Netlnfo
216(1)
9.9 Getting information about touch and gesture events with PanResponder
216(6)
Use cases for the PanResponder API
217(1)
Example of using PanResponder
218(4)
10 Implementing iOS-specific components and APIs
222(20)
10.1 Targeting platform-specific code
223(3)
iOS and Android file extensions
223(1)
Detecting the platform using the Platform API
224(2)
10.2 DatePickerlOS
226(2)
Example of using DatePickerlOS
226(2)
10.3 Using PickerlOS to work with lists of values
228(3)
Example of using PickerlOS
230(1)
10.4 Using ProgressViewIOS to show loading indicators
231(2)
Use cases for ProgressViewIOS
232(1)
Example of using ProgressViewIOS
232(1)
10.5 Using SegmentedControlIOS to create horizontal tab bars
233(2)
Use cases for SegmentedControUOS
234(1)
Example of using SegmentedControlIOS
234(1)
10.6 Using TabBarlOS to render tabs at the bottom of the UI
235(3)
Use cases for TabBarlOS
236(1)
Example of using TabBarlOS
237(1)
10.7 Using ActionSheetJOS to show action or share sheets
238(4)
Use cases forActionSheetlOS
239(1)
Example of using ActionSheetlOS
239(3)
11 Implementing Android-specific components and APIs
242(19)
11.1 Creating a menu using DrawerLayoutAndroid
243(4)
11.2 Creating a toolbar with ToolbarAndroid
247(1)
11.3 Implementing scrollable paging with ViewPagerAndroid
248(3)
11.4 Using the DatePickerAndroid API to show a native date picker
251(2)
11.5 Creating a time picker with TimePickerAndroid
253(3)
11.6 Implementing Android toasts using ToastAndroid
256(5)
Part 4 Bringing it all together
261(20)
12 Building a Star Wars app using cross-platform components
263(18)
12.1 Creating the app and installing dependencies
265(5)
Importing the People component and creating the Container component
266(1)
Creating the navigation component and registering routes
267(1)
Creating the main class for the initial view
267(3)
12.2 Creating the People component using FlatList, Modal, and Picker
270(6)
Creating the state and setting up a fetch call to retrieve data
271(2)
Adding the remaining class methods
273(1)
Implementing the render method
274(2)
12.3 Creating the HomeWorld component
276(5)
Creating the HomeWorld class and initializing state
276(2)
Fetching data from the API using the url prop
278(1)
Wrapping up the HomeWorld component
279(2)
Appendix 281(4)
Index 285
Nader Dabit has been developing with React Native since the framework's release and is active in the React Native community.

Tellige see raamat tutvumiseks meie kauplusesse!Raekoja plats 11, 51004 Tartu

Juhul, kui soovite raamatuga enne ostu tutvuda, siis palun sisestaga allpool oma nimi ning e-mail.
Võimaluse korral tellime raamatu poodi ning teavitame ka teid, kui raamat on müügile jõudnud.

* - väljad on kohustuslikud