{"id":19593184,"url":"https://github.com/thoughtbot/react-native-typescript-styles-example","last_synced_at":"2026-03-27T04:52:34.117Z","repository":{"id":54170546,"uuid":"159869132","full_name":"thoughtbot/react-native-typescript-styles-example","owner":"thoughtbot","description":"A template react native project for ergonomic styling structure and patterns.","archived":false,"fork":false,"pushed_at":"2021-09-24T16:07:37.000Z","size":1454,"stargazers_count":128,"open_issues_count":1,"forks_count":26,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-05-09T08:00:43.866Z","etag":null,"topics":["template"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thoughtbot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-11-30T19:25:39.000Z","updated_at":"2024-04-19T16:47:06.000Z","dependencies_parsed_at":"2022-08-13T08:11:00.198Z","dependency_job_id":null,"html_url":"https://github.com/thoughtbot/react-native-typescript-styles-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thoughtbot%2Freact-native-typescript-styles-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thoughtbot%2Freact-native-typescript-styles-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thoughtbot%2Freact-native-typescript-styles-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thoughtbot%2Freact-native-typescript-styles-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thoughtbot","download_url":"https://codeload.github.com/thoughtbot/react-native-typescript-styles-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224075374,"owners_count":17251625,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["template"],"created_at":"2024-11-11T08:38:29.703Z","updated_at":"2026-03-27T04:52:34.070Z","avatar_url":"https://github.com/thoughtbot.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native TypeScript Styles Example\n\nReact Native TypeScript Styles is an example project demonstrating how to apply\nstyles in react native using [react-native-typescript-styles][react-native-typescript-styles].\n\n[react-native-typescript-styles]: https://github.com/thoughtbot/react-native-typescript-styles\n\n## Setup\n\nInstall the JavaScript packages\n\n```\nyarn install\n```\n\nInstall the Pods\n\n```\nnpx pod-install\n```\n\nBuild and run the app\n\n```\nyarn ios\n\n// or\n\nyarn android\n```\n\n## Organization\n\nThe example app is a single screen with a section for each style module.\n\n### Base Example\n\n\u003cimg src=\"./docs/base_example.png\" alt=\"The first section of the app, showing a header, some text, and a button.\" width=\"400\" /\u003e\n\n### Colors\n\n\u003cimg src=\"./docs/colors_1.png\" alt=\"A section of the app, showing a list of neutral colors.\" width=\"400\" /\u003e\n\n\u003cimg src=\"./docs/colors_2.png\" alt=\"A section of the app, showing a list of primary and secondary colors.\" width=\"400\" /\u003e\n\n### Typography\n\n\u003cimg src=\"./docs/typography.png\" alt=\"A section of the app, showing the typographic options.\" width=\"400\" /\u003e\n\n## About thoughtbot\n\n![thoughtbot](https://presskit.thoughtbot.com/images/thoughtbot-logo-for-readmes.svg)\n\nReact Native TypeScript Styles Example is maintained and funded by thoughtbot, inc.\nThe names and logos for thoughtbot are trademarks of thoughtbot, inc.\n\nWe love open source software!\nSee [our other projects][community] or\n[hire us][hire] to design, develop, and grow your product.\n\n[community]: https://thoughtbot.com/community?utm_source=github\n[hire]: https://thoughtbot.com/hire-us?utm_source=github\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthoughtbot%2Freact-native-typescript-styles-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthoughtbot%2Freact-native-typescript-styles-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthoughtbot%2Freact-native-typescript-styles-example/lists"}