With code examples and step-by-step instructions, author Bonnie Eisenman shows web developers and frontend engineers how to build and style interfaces, use mobile components, and debug and deploy apps. Along the way, you’ll build several increasingly sophisticated sample apps with React Native before putting everything together at the end.
- Learn how React Native provides an interface to native UI components
- Examine how the framework uses native components analogous to HTML elements
- Create and style your own React Native components and applications
- Install modules for APIs and features not supported by the framework
- Put it all together with the Zebreto effective-memorization flashcard app
- Deploy apps to the iOS App Store and Google’s Play Store
Author(s): Bonnie Eisenman
- Build quirky and fun projects from scratch and become efficient with React Native
- Use Isomorphic principles to build mobile apps that offer a native user experience
This project-based guide takes you through eight projects to help you gain a sound understanding of the framework and helps you build mobile apps with native user experience. Starting with a simple standalone groceries list app, you will progressively move on to building advanced apps by adding connectivity with external APIs, using native features, such as the camera or microphone, in the mobile device, integrating with state management libraries such as Redux or MobX, or leveraging React Native’s performance by building a full-featured game.
This book covers the entire feature set of React Native, starting from the simplest (layout or navigation libraries) to the most advanced (integration with native code) features.
By the end of this book, you’ll be able to build professional Android and iOS applications using React Native.
What you will learn
- Structure React Native projects to ease maintenance and extensibility
- Optimize a project to speed up development
- Make a React Native project production-ready
- Use external modules to speed up the development and maintenance of your projects
- Explore the different UI and code patterns to be used for iOS and Android
- Get to know the best practices when building apps in React Native
About the Author
In 2015, he focused on the development and maintenance of several apps built in React Native, some of which were featured in Apple’s App Store as the top apps of the week. Nowadays, Emilio is part of the Red Hat mobile team, which leverages Red Hat’s open source mobile platform. He serves as an advocate for mobile developers using RHMAP. He is also an active contributor to React Native’s codebase and StackOverflow, where he provides advice on React and React Native questions.
Table of Contents
- Building a groceries list app
- Building a RSS reader
- Building an car booking app-
- Building an image sharing app
- Building a guitar tuner app
- Building a messaging app
- Building a game
- Building an ecommerce app
Author(s): Emilio Rodriguez Martinez
3. Learning React (2016)
As far as new web frameworks and libraries go, React is quite the runaway success. It not only deals with the most common problems developers face when building complex apps, it throws in a few additional tricks that make building the visuals for such apps much, much easier.
What React isn’t, though, is beginner-friendly and approachable. Until now. In Learning React, author Kirupa Chinnathambi brings his fresh, clear, and very personable writing style to help you understand the fundamentals of React and how to use it to build really performant (and awesome) apps.
- Build your first React app
- Create components to define parts of your UI
- Combine components into other components to build more complex UIs
- Deal with maintaining state
- Work with React’s way of styling content
- Make sense of the mysterious component lifecycle
- Build multi-page apps using routing and views
- Optimize your React workflow using tools such as Node, Babel, webpack, and others
Chapter 2 Building Your First React App
Chapter 5 Creating Complex Components
Chapter 6 Transferring Properties (Props)
Chapter 7 Meet JSX–Again!
Chapter 8 Dealing with State
Chapter 9 Going from Data to UI
Chapter 10 Working with Events
Chapter 11 The Component Lifecycle
Chapter 12 Accessing DOM Elements
Chapter 13 Creating a Single-Page App Using React Router
Chapter 14 Building a Todo List App
Chapter 15 Setting Up Your React Development Environment
Chapter 16 The End
Author(s): Kirupa Chinnathambi
4. Mastering React Native (2017)
- Apply flexbox to get layout and build rich animations that bring your React Native application to life
- Integrate third-party libraries and develop customized components that run natively on iOS and Android platforms
- Combine React Native with Redux, Redux middleware, and a remote API to build scalable data-driven applications
This book will provide you with all the React Native building blocks necessary to become an expert. We’ll give you a brief explanation of the numerous native components and APIs that come bundled with React Native including Images, Views, ListViews, WebViews, and much more. You will learn to utilize form inputs in React Native. You’ll get an overview of Facebook’s Flux data architecture and then apply Redux to manage data with a remote API. You will also learn to animate different parts of your application, as well as routing using React Native’s navigation APIs.
By the end of the book, you will be able to build cutting-edge applications using the React Native framework.
What you will learn
- Implement native React Native components and APIs
- Explore React’s JSX syntax
- Manage data using Redux and Redux middleware
- Build applications with React Native on both iOS and Android platforms
- Perform animations in your applications
Author(s): Eric Masiello, Jacob Friedmann
Once you understand how React works, you'll build a complete custom Whinepad app that helps users rate wines and keep notes. You'll quickly learn why some developers consider React the key to the web app development puzzle.
- Set up React and write your first "Hello world" web app
- Create and use custom React components alongside generic DOM components
- Build a data table component that lets you edit, sort, search, and export its contents
- Use the JSX syntax extension as an alternative to function calls
- Set up a lean, low-level build process that helps you focus on React
- Build a complete custom app that lets you store data on the client
- Use ESLint, Flow, and Jest tools to check and test your code as your app evolves
- Manage communication between components with Flux
Author(s): Stoyan Stefanov
6. React Native Cookbook (2016)
- Build rich and engaging user experiences in React Native while maintaining peak application performance
- Leverage the best of iOS and Android for React Native development while maximizing code reuse and cohesion
- Implement architecture patterns in your React Native application that support efficient data access, routing, and testing
React has taken the web development world by storm, and it is only natural that the unique architecture and its ecosystem of third-party support be applied to native application development. This book will take you through the basics of React Native development all the way through to some more advanced components.
This book covers topics in React Native ranging from adding basic UI components to successfully deploying for multiple target platforms. The book follows a top-down approach beginning with building rich user interfaces. These UIs will be created with both built-in and custom components that you will create, style, and animate.
You will then learn about different strategies for working with data, including leveraging the popular Redux library and optimizing the performance of the application. Then, you will step further into exposing native device functionality. Finally, we will discuss how to put your application into production and maintain its reliability.
What you will learn
- Build simple and complex UIs using React Native
- Create advanced animations for UI components
- Build universal apps that run on phones and tablets
- Leverage Redux to manage application flow and data
- Expose both custom native UI components and application logic to React Native
- Integrate with existing native applications on iOS and Android
- Deploy your React Native application to the Google Play and Apple App Store
- Add automated testing to your React Native application
About the Author
Table of Contents
- Getting Started
- Implementing Complex User Interfaces
- Animating the User Interface
- Working with Application Logic and Data
- Implementing Redux
- Architecting for Multiple Platforms
- Integration with Applications
- Deploying Our App
- Automated Testing
- Optimizing the Performance of Our App
Author(s): Stan Bershadskiy, Crysfel Villa
About This Book
- Learn about real world examples like Whatsapp, Instagram or Twitter.
- Learn all steps in React Native application development workflow from prototyping to deployment
- Get familiar with various mobile APIs covered in React Native framework and learn how to extend it further to non-supported APIs
Who This Book Is For
What You Will Learn
- Understand how React Native works under the hood and what makes it an ultimate choice for app development for lots of businesses.
- Create real world native apps with complex animations and styles
- Get familiar with important iOS and Android native APIs and access them using React Native
- Learn authentication techniques and how to connect your app to a real data by using Firebase or your own server
- Get familiar with lots of community packages considered as industry standard
- Walk through the whole app development workflow by creating Twitter app clone from design to deployment.
- Understand application release process to the Apple App Store and Google’s Play Store
Author(s): Vladimir Novick
8. React and React Native (2017)
- Build React and React Native applications using familiar component concepts
- Dive deep into each platform, from routing in React to creating native mobile applications that can run offline
- Use Facebook’s Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications
React and React Native allow you to build cross-platform desktop and mobile applications using Facebook’s innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base!
This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node.
We then move on to showing you how to take the concepts of React and apply them to building Native UIs using React Native. You’ll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You’ll also learn how to access device-specific APIs such as the geolocation API, and how to handle offline development with React Native.
Finally, we’ll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you’ll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications.
What you will learn
- Craft reusable React components
- Control navigation using the React Router to help keep your UI in
Author(s): Adam Boduch
Tackling an app development project on multiple platforms is no simple task. When time is in short supply and customers need access from the tap of a home screen, React Native can provide a lean development team with the tools needed to deliver a multi-platform native experience without juggling multiple programming languages and shifting code bases. React Native is an emerging technology and best practices are only beginning to bubble up.
Fortunately, a growing user community—from tech giants such as Facebook, Yahoo, and Airbnb to the independent developers—is hard at work codifying patterns and best practices for how to use React Native. This cookbook is another milestone on that journey.
Author(s): Jonathan Lebensold
10. React Native for iOS Development (2015)
You will begin by understanding the path breaking concepts of React.js, which makes it distinctive. You will set up React Native and begin exploring the anatomy of React Native apps. You’ll also learn about flux architecture, how it differs from MVC, and how you can include it in your React Native project to solve problems differently and efficiently. Next, you will learn to create stunning user interfaces and interact with various device capabilities. You will then boost your development by including some popular packages already developed by the React Native community that will helps you write less but do more. Finally, you’ll learn to how write test cases and submit your application to App Store.
Using real-world examples with an example-driven approach, you will learn by doing and have a substantial running app at the end of each chapter. Start using React Native for your iOS development using this book today.
Author(s): Akshat Paul, Abhishek Nalwaya
11. Getting Started with React Native (2015)
About This Book
- Learn to design and build a fully-featured application using the newest cutting-edge framework from Facebook
- Develop custom UI components, implement smooth navigation, and access native features such as geolocation and local storage
Who This Book Is For
What You Will Learn
- Set up the React Native environment on both devices and emulators
- Gain an in-depth understanding of how React Native works behind the scenes
- Write your own custom native UI components
- Learn the ins and outs of screen navigation
- Master the art of layout and styles
- Work with device-exclusive data such as geolocation
- Test and deploy your application for a production-ready environment
Web developers who want to develop native mobile applications face a high barrier to entry, because they are forced to learn platform-specific languages and frameworks. Numerous hybrid technologies have tried to simplify this process, but have failed to achieve the performance and appearance that users expect.
This book will show you all the advantages of true native development that React Native has without the steep learning curve, leveraging the knowledge you already have. We do this by getting you up and running quickly with a sample application. Next, we’ll introduce you to the fundamentals of creating components and explain how React Native works under the hood. Once you have established a solid foundation, you will dive headfirst into developing a real-world application from start to finish. Along the way, we will demonstrate how to create multiple screens and navigate between them,use layout and style native UI components, and access native APIs such as local storage and geolocation. Finally, we tackle the advanced topic of Native modules, which demonstrates that there are truly no limits to what you can do with React Native.
Style and approach
Author(s): Ethan Holmes, Tom Bray