https://github.com/thoughtbot/react-native-typescript-styles-example

A template react native project for ergonomic styling structure and patterns.
https://github.com/thoughtbot/react-native-typescript-styles-example

template

Last synced: 2 months ago
JSON representation

A template react native project for ergonomic styling structure and patterns.

• Host: GitHub
• URL: https://github.com/thoughtbot/react-native-typescript-styles-example
• Owner: thoughtbot
• Created: 2018-11-30T19:25:39.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2021-09-24T16:07:37.000Z (over 4 years ago)
• Last Synced: 2024-05-09T08:00:43.866Z (about 2 years ago)
• Topics: template
• Language: TypeScript
• Size: 1.39 MB
• Stars: 128
• Watchers: 5
• Forks: 26
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Native TypeScript Styles Example

React Native TypeScript Styles is an example project demonstrating how to apply

styles in react native using [react-native-typescript-styles][react-native-typescript-styles].

[react-native-typescript-styles]: https://github.com/thoughtbot/react-native-typescript-styles

## Setup

Install the JavaScript packages

```

yarn install

```

Install the Pods

```

npx pod-install

```

Build and run the app

```

yarn ios

// or

yarn android

```

## Organization

The example app is a single screen with a section for each style module.

### Base Example



### Colors





### Typography



## About thoughtbot

![thoughtbot](https://presskit.thoughtbot.com/images/thoughtbot-logo-for-readmes.svg)

React Native TypeScript Styles Example is maintained and funded by thoughtbot, inc.

The names and logos for thoughtbot are trademarks of thoughtbot, inc.

We love open source software!

See [our other projects][community] or

[hire us][hire] to design, develop, and grow your product.

[community]: https://thoughtbot.com/community?utm_source=github

[hire]: https://thoughtbot.com/hire-us?utm_source=github