https://github.com/naturalclar/expo-typescript-starter

template for react-native project made with expo using typescript
https://github.com/naturalclar/expo-typescript-starter

expo react-native react-native-web storybook template typescript

Last synced: 7 days ago
JSON representation

template for react-native project made with expo using typescript

• Host: GitHub
• URL: https://github.com/naturalclar/expo-typescript-starter
• Owner: Naturalclar
• License: mit
• Created: 2019-02-10T21:41:09.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-02-04T02:18:20.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T14:58:57.021Z (7 months ago)
• Topics: expo, react-native, react-native-web, storybook, template, typescript
• Language: TypeScript
• Homepage: https://expo-storybook-web-example.naturalclar.now.sh
• Size: 7.57 MB
• Stars: 114
• Watchers: 4
• Forks: 18
• Open Issues: 37
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# expo-typescript-starter

[![CircleCI](https://circleci.com/gh/Naturalclar/expo-typescript-starter.svg?style=shield)](https://circleci.com/gh/Naturalclar/expo-typescript-starter)

This is a boilerplate for [expo]() project with [typescript]() integration.

Storybook can be viewed [here](https://expo-storybook-web-example.naturalclar.now.sh)

## Tech Stack

- [Expo](https://expo.io/) ([React-Native](https://facebook.github.io/react-native/))

- [TypeScript](https://www.typescriptlang.org/)

- [Redux](https://redux.js.org/)

- [Storybook](https://storybook.js.org/) ([React-Native for Web](https://github.com/necolas/react-native-web))

- [eslint](https://eslint.org/)

- [prettier](https://prettier.io/)

- [klank](https://github.com/Naturalclar/klank)

## Component Libraries

- [React-Native-Paper](https://reactnativepaper.com/)

## Getting started

### Clone the repository

```sh

git clone https://github.com/Naturalclar/expo-typescript-starter.git

cd expo-typescript-starter

```

### Install the dependencies

```sh

yarn

```

### Storybook

This project utilizes [Storybook](https://storybook.js.org/) with [react-native-web]() to easily implement component without the need to launch the emulator.

Implementing screen components this way is much easier than implementing them through an emulator, as the loading time is much faster.

You can view the storybook by running

```sh

yarn storybook

```