Hands-On Design Patterns with React Native

Learn how to write cross platform React Native code by using effective design patterns in the JavaScript world. Get to know industry standard patterns as well as situational patterns. Decouple your application with these set of “Idea patterns”.

Key Features

• Mobile development in React Native should be done in a reusable way.
• Learn how to build scalable applications using JavaScript patterns that are battle tested.
• Try effective techniques on your own using over 80 standalone examples.

Book Description

React Native helps developers reuse code across different mobile platforms like iOS and Android.

This book will show you effective design patterns in the React Native world and will make you ready for professional development in big teams.

The book will focus only on the patterns that are relevant to JavaScript, ECMAScript, React and React Native. However, you can successfully transfer a lot of the skills and techniques to other languages. I call them “Idea patterns”.

This book will start with the most standard development patterns in React like component building patterns, styling patterns in React Native and then extend these patterns to your mobile application using real world practical examples. Each chapter comes with full, separate source code of applications that you can build and run on your phone.

The book is also diving into architectural patterns. Especially how to adapt MVC to React environment. You will learn Flux architecture and how Redux is implementing it. Each approach will be presented with its pros and cons. You will learn how to work with external data sources using libraries like Redux thunk and Redux Saga.

The end goal is the ability to recognize the best solution for a given problem for your next mobile application.

What you will learn

• Explore the design Patterns in React Native
• Learn the best practices for React Native development
• Explore common React patterns that are highly used within React Native development
• Learn to decouple components and use dependency injection in your applications
• Explore the best ways of fetching data from the backend systems
• Learn the styling patterns and how to implement custom mobile designs
• Explore the best ways to organize your application code in big codebases

Who this book is for

The ideal target audience for this book are people eager to learn React Native design patterns who already know the basics of JavaScript. We can assume that the target audience already knows how to write Hello World in JavaScript and know what are the functions, recursive functions, JavaScript types and loops.

Table of Contents

1. React Component Patterns
2. View Patterns
3. Styling Patterns
4. Flux Architecture
5. Store Patterns
6. Data Transfer Patterns
7. Navigation Patterns
8. JavaScript and Ecmascript patterns
9. Elements of Functional Programming patterns
10. Managing Dependencies
11. Managing Versions

Mateusz Grzesiukiewicz is a full stack developer and holds a Computer Science degree from University of Warsaw. He recently switched gears towards front-end development in JavaScript, initially starting at Goldman Sachs and then leaving the firm to transition into XSolve Software House to occupy Senior Front-end Developer position. Mateusz actively participates in local communities and from time to time also presenting at meetups f.in. He has delivered presentations on React at Google Campus within Woman Techmakers meetup. To add, Mateusz is also teaches JavaScript in private programming school Coder's Lab, mostly during weekends. In 2017 he published his first 2h long online course on Udemy platform.