TypeScript React Native

Open-source TypeScript projects categorized as React Native

Top 23 TypeScript React Native Projects

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: Build, test and release a React component library with Storybook | dev.to | 2021-03-06

    Storybook

  • GitHub repo formik

    Build forms in React, without the tears 😭

    Project mention: Creating an Android App with React Native, NativeBase and WatermelonDB | dev.to | 2021-03-06

    This will not be using complex forms as that will require a good form handling library like formik

  • GitHub repo TypeORM

    ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.

    Project mention: Build APIs You Won't Hate In Node Js | reddit.com/r/Indiewebdev | 2021-03-06

    Fast Database Building with simple migration from TypeORM.

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | reddit.com/r/reactnative | 2021-02-25

    are you looking for libraries like react-native-elements? there's a list of it here.

  • GitHub repo react-navigation

    Routing and navigation for your React Native apps

    Project mention: React Navigation v5: Reset Stack Inside Tab After Leaving Tab | dev.to | 2021-02-17

    // ... // https://github.com/react-navigation/react-navigation/issues/8583 const TAB_TO_RESET = 'HomeTab'; const resetHomeStackOnTabPress = ({ navigation, route }) => ({ tabPress: (e) => { const state = navigation.dangerouslyGetState(); if (state) { // Grab all the tabs that are NOT the one we just pressed const nonTargetTabs = state.routes.filter((r) => r.key !== e.target); nonTargetTabs.forEach((tab) => { // Find the tab we want to reset and grab the key of the nested stack const tabName = tab?.name; const stackKey = tab?.state?.key; if (stackKey && tabName === TAB_TO_RESET) { // Pass the stack key that we want to reset and use popToTop to reset it navigation.dispatch({ ...StackActions.popToTop(), target: stackKey, }); } }); } }, }); function App() { return ( Tab.Navigator> NavigationContainer> ); } export default App;

  • GitHub repo react-hook-form

    📋 React Hooks for forms validation (Web + React Native)

    Project mention: What's new in React Hook Form's resolvers V2 | dev.to | 2021-03-03

    Released in the 2020's summer, @hookform/resolvers is an optional module that allows you to validate React Hook Form's values with your favorite validation library. So far, we support 5 validation libraries: Yup, Zod, Vest, Joi, and Superstruct.

  • GitHub repo SWR

    React Hooks library for remote data fetching

    Project mention: How to learn redux | reddit.com/r/reactjs | 2021-03-04

    Don't, Redux itself is painfully aware they're outdated. Redux is currently reworking itself to be more akin to React Query and Vercel's swr.

  • GitHub repo RxDB

    🔄 A realtime Database for JavaScript Applications

    Project mention: The Web After Tomorrow (2015) | news.ycombinator.com | 2021-02-09

    You can mix this with a client-server replication and voila, you have a website that always shows the correct data at each point in time.

    https://github.com/pubkey/rxdb

  • GitHub repo feathers

    A framework for real-time applications and REST APIs with JavaScript and TypeScript

    Project mention: Which node backend web framework should someone go for if they already have worked with Django + Django Rest Framework | reddit.com/r/node | 2021-02-27

    https://feathersjs.com/ Alternatives are: loopback, Adonis, sails, strapi

  • GitHub repo ignite

    The hottest CLI for React Native, boilerplates, plugins, generators, and more!

    Project mention: I'm trying to generate Ignite-react native boilerplate and keep getting this error | reddit.com/r/reactnative | 2021-01-08
  • GitHub repo react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

    Project mention: Lazy loading react components with React.lazy and Suspense | dev.to | 2021-02-22

    The current UX trend is to use some kind of a placeholder animation while loading pieces of UI. react-content-loader is a popular npm package for this use case. It is customizable, supports react and react-native, has some bundled presets, and actually supports SVG animation out of the box.

  • GitHub repo react-native-gifted-chat

    💬 The most complete chat UI for React Native

    Project mention: 11 Top React Native Component libraries to Use in 2020 | dev.to | 2020-10-15

    Github Stars: 9,800

  • GitHub repo boardgame.io

    State Management for Turn-Based Games

    Project mention: Simple Guessing Game with timer - how to keep track of each timer? | reddit.com/r/node | 2021-02-13

    I am not too familiar with how the Discord SDK works but I feel like using web sockets would be a great idea here. Here's a great library for this kind of game: https://boardgame.io/ It handles both the server and client. It's super useful but also quite complex so I'll let you judge if you feel like giving it a try of if it would be an overkill.

  • GitHub repo amplify-js

    A declarative JavaScript library for application development using cloud services.

    Project mention: How I built a Simple Sprint Dashboard with AWS Amplify | dev.to | 2021-03-04
  • GitHub repo react-native-paper

    Material Design for React Native (Android & iOS)

    Project mention: NEED HELP : ReactnativePaper - No overload matches this call Issue with Most of the components - ReactNative + TypeScript · Issue #2528 · callstack/react-native-paper | reddit.com/r/reactnative | 2021-01-26
  • GitHub repo rematch

    A Redux Framework

    Project mention: Rematch.js v2 released | dev.to | 2021-02-01

    Rematch has been created a few years ago by Shawn McKay and Blair Bodnar, a pair of canadian programmers. It's a tiny but super powerful wrapper around Redux that reduces tons of boilerplate that Redux needs to operate.

  • GitHub repo react-native-material-kit

    Bringing Material Design to React Native

    Project mention: 11 Top React Native Component libraries to Use in 2020 | dev.to | 2020-10-15

    Github Stars: 4,700

  • GitHub repo react-native-tab-view

    A cross-platform Tab View component for React Native

    Project mention: Is there any react native component that has the similar functionality of android view pager? | reddit.com/r/reactnative | 2021-02-22
  • GitHub repo react-native-gesture-handler

    Declarative API exposing platform native touch and gesture system to React Native.

    Project mention: After a year of playing with React Native, here is Keystone, a social habit tracker | reddit.com/r/reactjs | 2021-02-17

    Thanks :) react-native-gesture-handler and the base Animated API

  • GitHub repo recyclerlistview

    High performance listview for React Native and web!

    Project mention: Infinite scroll of Death! | reddit.com/r/web_design | 2021-02-24

    I agree, I'd love a designated API for this. If you use React, this seems pretty robust: https://github.com/Flipkart/recyclerlistview

  • GitHub repo jsLingui

    🌍📖 A readable, automated, and optimized (5 kb) internationalization for JavaScript

  • GitHub repo quirk

    ✨🐙 A GPL Licensed Cognitive Behavioral Therapy app for iOS and Android

    Project mention: Moral competence - signaling versus actually solving a problem | reddit.com/r/slatestarcodex | 2021-01-05

    I can't help but feel like this is a literal gem of irony. I read through their reason for discontinuing Quirk and the justification just seems seems bizarre. They seem to be raising the argument that the only way their company can remain profitable is by exploiting the mentally ill to maximize profits, and therefore it's better to just shut down the whole project and work on some other business venture.

  • GitHub repo react-native-iap

    react-native native module for In App Purchase.

    Project mention: Best library for In App Payments for apple pay and/or google pay? | reddit.com/r/reactnative | 2020-12-25

    Dunno if it's the "standard", but when I was implementing IAP, this was the only one I could find that actually 1/2 way worked. https://github.com/dooboolab/react-native-iap

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-03-06.

Index

What are some of the best open-source React Native projects in TypeScript? This list will help you:

Project Stars
1 storybook 58,964
2 formik 26,542
3 TypeORM 23,223
4 react-native-elements 20,171
5 react-navigation 19,424
6 react-hook-form 18,982
7 SWR 15,933
8 RxDB 15,251
9 feathers 13,199
10 ignite 12,103
11 react-content-loader 10,565
12 react-native-gifted-chat 10,323
13 boardgame.io 8,583
14 amplify-js 7,864
15 react-native-paper 7,646
16 rematch 6,984
17 react-native-material-kit 4,763
18 react-native-tab-view 4,345
19 react-native-gesture-handler 3,927
20 recyclerlistview 3,418
21 jsLingui 3,003
22 quirk 1,909
23 react-native-iap 1,752