Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Hands-On Design Patterns with React Native

You're reading from Hands-On Design Patterns with React Native Proven techniques and patterns for efficient native mobile development with JavaScript

Product type Paperback

Published in Sep 2018

Publisher Packt

ISBN-13 9781788994460

Length 302 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Design Patterns

Author (1):

Grzesiukiewicz

View More author details

Table of Contents (19) Chapters

Title Page

Copyright and Credits

Dedication

Packt.com

Contributors

Preface

1. React Component Patterns FREE CHAPTER

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. Type Checking Patterns

1. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Chapter 3. Style Patterns

Time to bring some looks for our applications. In this chapter we will explore styling solutions and mechanisms that are unique. React Native StyleSheet may resemble web cascading style sheets (CSS), however, Native application styling is different. Similarities in the syntax quickly part and you should spend some time with this chapter to catch the basics of styling. Later on in the book we will use external library that provide ready-made styles. It is crucial for you to understand how to make such components yourself. Especially if you plan to work professionally in React Native in teams who deliver custom designs.

In this chapter you will learn how to:

style components in React Native environment
deal with limited style inheritance
use density-independent pixels
position elements with Flexbox
handle long text issues
make animations using Animated library
measure your application speed using FPS metric

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at ₹800/month. Cancel anytime

Authors (1)

Grzesiukiewicz

Grzesiukiewicz

Mateusz Grzesiukiewicz has worked on numerous big projects, including an investment banking platform at Goldman Sachs, a Jira project management tool at Atlassian, and a recruitment portal at GoldenLine. All of these projects served millions of people, which made them great opportunities to test scalability and the industry's best design patterns. He strives to popularize the common patterns and help people grow their technology at scale. He has spent hundreds of hours teaching, for instance at a private programming school called Coder's Lab. He has over 5,000 students registered on his online React course on Udemy. He would love to bring programming to every household, hence this bookHands-On Design Patterns with React Native.

See other products by Grzesiukiewicz

Other recommended products

Related to this chapter

Redux Quick Start Guide

Redux Quick Start Guide

This book will help you get started with the Redux set-up and the Redux ecosystem. You will learn how to integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively.

Feb 2019 6h 48m

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

React Native - Building Mobile Apps with JavaScript

React Native - Building Mobile Apps with JavaScript

The emergence of React Native has made creating mobile apps in JavaScript easier for developers. This book introduces you to the React Native framework and the mobile apps development process. It starts with how React Native fits into the world of hybrid apps, and why it’s a popular framework. You’ll learn how React Native works under the hood--compiling JavaScript to Native code to bridge JavaScript and native apps. Also, you’ll learn how to write React Native components and use the ReactJS way of structuring your app. Understand how to use the industry standard Redux architecture as well as MobX--a newly emerging approach for state management--making your apps more robust and scalable.

Aug 2017 14h 28m

React Native Cookbook

React Native Cookbook

React Native is perfect for creating mobile applications with maximized code reusability and cost saving. With this practical solutions guide by your side, you can build amazing UIs, tackle mobile development-related issues, and build high-performance apps for mobile environments.

Jan 2019 19h 44m

React Native By Example

React Native By Example

React Native is gaining massive popularity in the world of app development with its ability to build native apps using JavaScript. Developers now have the luxury to create incredible mobile experiences that look and feel native to their platforms using the comfort of a well-known language and the popular React JS library. This book allows you to build your own native mobile applications for the iOS and Android platforms with the benefits of a native mobile experience while leveraging the finesse and simplicity of JavaScript and React.

Apr 2017 13h 48m

Managing an applications state is crucial for your application to behave consistently and this is where Redux comes into the picture. It provides a state container for applications. This book gives in-depth information on Redux and third party tools needed for a developer to build a robust modern web application in React.

Aug 2017 12h 28m

React: Cross-Platform Application Development with React Native

React: Cross-Platform Application Development with React Native

With React Native, you can build native mobile apps that are much more powerful, interactive, and faster by using JavaScript. React Native helps web and mobile developers to build cross-platform apps at a high level. This book takes you through four projects to help understand of the framework and build mobile apps with native user experience.

React Native Blueprints

React Native Blueprints

Considering the success of React framework, Facebook has recently introduced a new mobile development methodology named React Native. With React Native on board, you'll be able to build native mobile applications using JavaScript, making much more powerful, faster, and more interactive applications. React Native is a game-changing approach to hybrid mobile development. This project-based guide takes you through 8 projects to help you gain a sound understanding of the framework when it comes to building mobile apps with native user experience.

Nov 2017 11h 32m

React 16 Essentials

React 16 Essentials

Now fully updated for React 16, this book takes you on a fast-paced journey through building your own maintainable React 16 applications. Here are all the essentials you need to know to start working with React 16 and Redux, and assess the future with React Fiber!

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15h 48m

Mastering React Native

Mastering React Native

Do you want to build robust applications using React Native? Mastering React Native will help you do just this by showing you how to manage data using Redux and Redux middleware, apply animations in your applications, and more!

Jan 2017 16h 32m

Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you'll learn how to work with the latest ECMAScript features. By the end of this book, you'll be saved from a lot of trial and error and developmental headaches, and you'll be on the road to becoming a React expert.

Aug 2018 19h 20m

Personalised recommendations for you

Based on your interests and search pattern

LLVM Code Generation

LLVM Code Generation

LLVM is a key technology for building modern compilers. You'll learn how to use its infrastructure to create and extend backends (X86 and AArch64), and contribute to the LLVM open-source project, equipping you with key skills in compiler design.

May 2025 20h 16m

Domain-Driven Refactoring

Domain-Driven Refactoring

This book is your exhaustive guide to applying DDD practices for building robust applications. You'll learn key patterns, refine business logic, and solve real-world problems with DDD principles, refactoring, and event-driven architectures.

May 2025 10h 48m

The Power Platform Playbook for Digital Transformation

The Power Platform Playbook for Digital Transformation

Transform your business with Power Apps, Power Automate, Power BI, and Copilot Studio. This guide covers automation, AI insights, governance, and security, helping leaders, IT pros, and analysts build scalable, low-code enterprise solutions.

Apr 2025 11h 44m

Microservices with Go

Microservices with Go

The book covers Go microservice development, covering the basics for beginners and best practices for structuring Go apps. Novice as well seasoned developers will gain insights into managing and scaling microservices.

Jun 2025 14h 16m