<div style="text-align:center">
<div style="text-align:center">
<img src="https://badges.reactnative.guide/api?type=users" alt="total users"/>
<img src="https://badges.reactnative.guide/api?type=pageviews" alt="total page views"/>
</div>
<img src="/cover.jpg" style="display:inline-block;max-height:85vh;" hspace="0">
</div>

<a href="https://www.reactnative.guide" style="display:block;text-align:center;font-weight:bold;text-decoration:none">https://www.reactnative.guide </a>

# React Made Native Easy

<p >Written by <a href='http://rahulgaba.com'>Rahul Gaba</a> and <a href='http://atulr.com'>Atul R</a></p>

> A reference for building production-grade applications which are easy to test, maintain and extend to multiple platforms. This book is for the Web developers who have already got their hands dirty with React and ES6 and want to build complex native apps.

### You will learn

- How React Native works internally and how to debug RN apps.
- How to test and write modular code in react-native.
- Redux: the state container.
- How to set up a good DevOps pipeline which will increase your team's productivity and ensure seamless testing.
- How to extend your react-native codebase to support web or any other platform by just following some code conventions.

We are following a native-first approach while keeping an eye out for potentially extending to the web. You will eventually see how easy it is port the application to the web by following conventions.

Our knowledge is based on our experience of working with React Native apps for around 2 years and helping clients launch their apps quicker than ever before.

### This book is for

- React developers who are planning to start with react-native applications.
- Web Developers who know basic ReactJS fundamentals and want to learn best practices for state management and native development.
- Native iOS/Android developers who know ReactJS and want to start building apps using React-Native.
- React-Native developers who want to extend their codebase to support other platforms by just following some code conventions.

<br/>
**We will build a [Note Taker](https://github.com/react-made-native-easy/note-taker) application while learning the concepts. There is a link to the code at the end of every chapter. You can also see the app live if you have the [Expo](https://expo.io/) app on your phone.**

**So be ready to get your hands dirty.**

<br/>
<p align='center'>
  <img src="/assets/images/0/getset.gif" style="width: 80%;display:inline-block;" hspace="20"/>
</p>

<h3 align='center'>Authors</h3>
<center>
<div style="display:inline">
<div style="width:100px;display:inline-block">  
<img src="https://avatars2.githubusercontent.com/u/7898942?s=100" width=70 height=70 />
<a href="https://github.com/react-made-native-easy/book/commits?author=rgabs"><strong>Rahul Gaba</strong></a>
</div>

<div style="width:100px;display:inline-block">  
<img src="https://avatars2.githubusercontent.com/u/4029423?s=100" width=70 height=70 />
<a href="https://github.com/react-made-native-easy/book/commits?author=master-atul"><strong>Atul R</strong></a>
</div>
</div>
</center>

<hr/>

Github link:
https://github.com/react-made-native-easy/book

Please star the repo if you like it ;)

### DOWNLOAD YOUR COPY

Download a .pdf, .epub, or .mobi here. If you prefer a hard copy, please feel free to take a printout.

https://www.gitbook.com/book/react-made-native-easy/react-made-native-easy/details

### CONTRIBUTIONS

This is an open source book hosted on Github. We will keep updating the contents of the book as and when it gets outdated. Please feel free to contribute or leave a comment in the Disqus.

## HALL OF THANKS

### **Reviewer / Proof reading** 🤓

  <img src="https://avatars2.githubusercontent.com/u/10727047?s=100" width=70 height=70 />

[**Kakul Gupta**](https://github.com/react-made-native-easy/book/commits?author=kakulgupta)

#### Contributors

- [Will Bowlin](https://github.com/react-made-native-easy/book/commits?author=wbowlin)
- [Vishal Vasnani](https://github.com/react-made-native-easy/book/commits?author=vishal9950)
- [Aritra Ghosh](https://github.com/react-made-native-easy/book/commits?author=Ar11rA)

<hr/>

<p align='center'><b>GET, SET, CODE!!</b></p>

<img src="/assets/images/license.png" style="display:block;margin:0 auto;width:100px"/>
