Book description
React Native in Action teaches you to build high-quality cross-platform mobile and web apps. In this hands-on guide, you'll jump right into building a complete app with the help of clear, easy-to-follow instructions. As you build your skills, you'll drill down to more-advanced topics like styling, APIs, animations, data architecture, and more! You'll also learn how to maximize code reuse without sacrificing native platform look-and-feel.
Table of contents
- Titlepage
- Copyright
- contents in brief
- contents
- preface
- acknowledgments
- about this book
- about the author
- about the cover illustration
-
Part 1: Getting started with React Native
- Chapter 1: Getting started with React Native
- Chapter 2: Understanding React
- Chapter 3: Building your first React Native app
-
Part 2: Developing applications in React Native
- Chapter 4: Introduction to styling
-
Chapter 5: Styling in depth
- 5.1 Platform-specific sizes and styles
-
5.2 Using transformations to move, rotate, scale, and skew components
- 5.2.1 3D effects with perspective
- 5.2.2 Moving elements along the x- and y-axes with translateX and translateY
- 5.2.3 Rotating elements with rotateX, rotateY, and rotateZ (rotate)
- 5.2.4 Setting visibility when rotating an element more than 90°
- 5.2.5 Scaling objects on the screen with scale, scaleX, and scaleY
- 5.2.6 Using the scale transform to create a thumbnail of the ProfileCard
- 5.2.7 Skewing elements along the x- and y-axes with skewX and skewY
- 5.2.8 Transformation key points
-
5.3 Using flexbox to lay out components
- 5.3.1 Altering a component’s dimensions with flex
- 5.3.2 Specifying the direction of the flex with flexDirection
- 5.3.3 Defining how space is used around a component with justifyContent
- 5.3.4 Aligning children in a container with alignItems
- 5.3.5 Overriding the parent container’s alignment with alignSelf
- 5.3.6 Preventing clipped items with flexWrap
- Summary
- Chapter 6: Navigation
-
Chapter 7: Animations
- 7.1 Introducing the Animated API
- 7.2 Animating a form input to expand on focus
- 7.3 Creating a custom loading animation using interpolation
- 7.4 Creating multiple parallel animations
- 7.5 Creating an animated sequence
- 7.6 Using Animated.stagger to stagger animation start times
- 7.7 Other useful tips for using the Animated library
- Summary
-
Chapter 8: Using the Redux data architecture library
- 8.1 What is Redux?
- 8.2 Using context to create and manage global state in a React application
- 8.3 Implementing Redux with a React Native app
- 8.4 Creating Redux reducers to hold Redux state
- 8.5 Adding the provider and creating the store
- 8.6 Accessing data using the connect function
- 8.7 Adding actions
- 8.8 Deleting items from a Redux store in a reducer
- Summary
-
Part 3: API reference
-
Chapter 9: Implementing cross-platform APIs
- 9.1 Using the Alert API to create cross-platform notifications
- 9.2 Using the AppState API to detect the current application state
- 9.3 Using the AsyncStorage API to persist data
- 9.4 Using the Clipboard API to copy text into the user’s clipboard
- 9.5 Using the Dimensions API to get the user’s screen information
- 9.6 Using the Geolocation API to get the user’s current location information
- 9.7 Using the Keyboard API to control the location and functionality of the native keyboard
- 9.8 Using NetInfo to get the user’s current online/offline status
- 9.9 Getting information about touch and gesture events with PanResponder
- Summary
-
Chapter 10: Implementing iOS-specific components and APIs
- 10.1 Targeting platform-specific code
- 10.2 DatePickerIOS
- 10.3 Using PickerIOS to work with lists of values
- 10.4 Using ProgressViewIOS to show loading indicators
- 10.5 Using SegmentedControlIOS to create horizontal tab bars
- 10.6 Using TabBarIOS to render tabs at the bottom of the UI
- 10.7 Using ActionSheetIOS to show action or share sheets
- Summary
-
Chapter 11: Implementing Android-specific components and APIs
- 11.1 Creating a menu using DrawerLayoutAndroid
- 11.2 Creating a toolbar with ToolbarAndroid
- 11.3 Implementing scrollable paging with ViewPagerAndroid
- 11.4 Using the DatePickerAndroid API to show a native date picker
- 11.5 Creating a time picker with TimePickerAndroid
- 11.6 Implementing Android toasts using ToastAndroid
- Summary
-
Chapter 9: Implementing cross-platform APIs
- Part 4: Bringing it all together
- appendix: Installing and running React Native
- Index
- List of Figures
- List of Tables
- List of Listings
Product information
- Title: React Native in Action
- Author(s):
- Release date: April 2019
- Publisher(s): Manning Publications
- ISBN: 9781617294051
You might also like
book
40 Algorithms Every Programmer Should Know
Learn algorithms for solving classic computer science problems with this concise guide covering everything from fundamental …
book
Head First Design Patterns, 2nd Edition
You know you don’t want to reinvent the wheel, so you look to design patterns—the lessons …
book
Designing Data-Intensive Applications
Data is at the center of many challenges in system design today. Difficult issues need to …
book
Software Engineering at Google
Today, software engineers need to know not only how to program effectively but also how to …