✨ 30 Days of React Native ✨

An Introduction to React Native – in 30 Bite-Size Morsels. Written by the authors of Fullstack React Native

? Introduction

Over the next 30 days, we’ll walk through everything you need to know to work with React Native. From the very beginning through topics like the navigation, animation and even native modules.

This repository contains the entire source and content for the article series of 30 Days of React Native hosted by the Fullstack React Native team.

? What’s inside?

What is React Native?

Getting Started

First Component


Layout with Flexbox

Text Components

?‍? How to use this repository

Most days contain interactive code samples embedded in Expo Snack. Expo Snack is a free service for previewing React Native apps right in your browser, similar to Codesandbox or Codepen, but designed specifically for React Native.

However if you’d like, you can run any code sample on your computer by first downloading it (we’ve included a download link below each code sample), unzipping it, navigating to that directory in the terminal, and then running:

npm install

expo start

Some days have special instructions, e.g. how to set up a new React Native project from scratch, in which case you should follow the instructions listed for that day.


Devin Abbott

Houssein Djirdeh

Accomazzo Anthony

Fullstack React Native Book

Fullstack React Native Book

This repo was written and is maintained by the Fullstack React Native team. In the book we cover many more projects like this. We walk through each line of code, explain why it’s there and how it works.

30 Days of React Native covers only the early basics of React Native. If you’re looking to learn how to build real-world React Native apps, including libraries from the React Native ecosystem, there’s no faster way than by spending a few hours with the Fullstack React Native book.


View Github