TypeScript React Native

Open-source TypeScript projects categorized as React Native
Edit details
Topics: React TypeScript Android iOS Expo
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
Sponsored

Top 23 TypeScript React Native Projects

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    • Project mention: Storybook not picking up tailwindcss | dev.to | 2024-04-17

    [Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook

  • Joplin

    Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS.

    • Project mention: Ask HN: What is your approach for managing personal digital assets? | news.ycombinator.com | 2024-03-24

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

    • Project mention: Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik | dev.to | 2024-04-12

    React Hook Form is one of the most popular libraries for building forms in React apps with over 39k stars on GitHub. The library has no external dependencies according to Bundle Phobia.

  • taro

    开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/

  • TypeORM

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

    • Project mention: NodeJS Security Best Practices | dev.to | 2024-02-19

    If you use Sequalize, TypeORM or for MongoDB, we have Mongoose these types of ORM tools, then you are safe by default because these help us against the SQL query injection attacks by default.

  • SWR

    React Hooks for Data Fetching

    • Project mention: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10

    Link: https://swr.vercel.app/

  • expo

    An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

    • Project mention: Como Foi O Front In Floripa? 🤔 | dev.to | 2023-11-28

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • Mattermost

    Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..

    • Project mention: Discord to Start Showing Ads for Gamers to Boost Revenue | news.ycombinator.com | 2024-04-01

    > Tell me another platform that is free, has realtime chat, voice and video, has stable service, allows sharing images and other media, with good ownership management... and is open source.

    Mattermost: https://mattermost.com/

    Rocket.Chat: https://www.rocket.chat/

    Nextcloud Talk: https://nextcloud.com/talk/

    Self hosting and some assembly required. I've run all of them on cheap VPSes to explore a Slack/Discord replacement, neither was mindblowing but all of them seemed okay (Nextcloud's offering was rather barebones, though).

    Audio and video support varies because getting those right is challenging, at best you'd just integrate with something like Jitsi, that one's actually pretty good for meetings and such: https://jitsi.org/ and has a cloud version too: https://meet.jit.si/ (yet people still go for Zoom and it's odd UI/UX choices)

    I actually rather liked forums back in the day, but I guess nobody will be setting up that many phpBB instances in the current year, though projects like Discourse also seem promising: https://www.discourse.org/

    I don't think many people at all will be leaving Discord, due to how entrenched the platform is (network effect): if you want people to help you with what you're working on, you go where they are, not vice versa.

  • react-navigation

    Routing and navigation for your React Native apps

    • Project mention: Weird redirect issue with Stack Navigator/Expo I do not understand, please help | /r/expo | 2023-08-14

    UPDATE: Looks like I'm not the only one https://github.com/react-navigation/react-navigation/issues/10988

  • RxDB

    A fast, local first, reactive Database for JavaScript Applications https://rxdb.info/

    • Project mention: Ask HN: How Can I Make My Front End React to Database Changes in Real-Time? | news.ycombinator.com | 2024-04-17

    I'm interested in this problem also!

    I think there is a large overlap with projects that market/focus on offline-first experiences.

    AFAIK this problem can be solved by:

    1) Considering a client-side copy of the database that gets synced with the remote DB. This is an approach [PowerSync](https://www.powersync.com/) and [ElectricSql](https://electric-sql.com/) and [rxdb](https://rxdb.info/) take!

  • NativeBase

    Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

    • Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29

    Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:

  • ignite

    Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more!

    • Project mention: Yet Another Newsletter LOL: Pi Day | dev.to | 2024-03-17

    Jamon Holmgren, CTO at Infinite Red, joins Nick Taylor to discuss the Ignite project, https://github.com/infinitered/ignite, a battle-tested React Native boi...

  • feathers

    The API and real-time application framework

    • Project mention: Ask HN: Can anyone suggest few open source projects for SaaS Boilerplate? | news.ycombinator.com | 2024-04-17

    For backend this might help https://feathersjs.com. I’m not affiliated with them, just a happy user.

  • reactotron

    A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.

  • react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

  • create-react-native-app

    Create React Native apps that run on iOS, Android, and web

  • react-native-gifted-chat

    💬 The most complete chat UI for React Native

    • Project mention: FlatList issues in React Native | /r/reactnative | 2023-06-30

    This is a well known chat for react native probably it does have anything you need https://github.com/FaridSafi/react-native-gifted-chat

  • react-native-paper

    Material Design for React Native (Android & iOS)

    • Project mention: Senior devs — how do you handle styles; and how do you scale it | /r/reactnative | 2023-10-12

    In most cases they are wrappers around pure RN components (as I have been burnt by styling lib in the past - exactly NativeBase and its performance issues) and in the end, created components look like very light-weight version of RN paper components*:* https://github.com/callstack/react-native-paper/blob/main/src/components/Typography/Text.tsx.

  • formily

    📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3

  • svgr

    Transform SVGs into React components 🦁

    • Project mention: Nx + NextJS + Docker - The Nx way: Creating the NextJS application | dev.to | 2023-06-27

    //@ts-check // eslint-disable-next-line @typescript-eslint/no-var-requires const { composePlugins, withNx } = require('@nx/next'); /** * @type {import('@nx/next/plugins/with-nx').WithNxOptions} **/ const nextConfig = { nx: { // Set this to true if you would like to use SVGR // See: https://github.com/gregberge/svgr svgr: false, }, }; const plugins = [ // Add more Next.js plugins to this list if needed. withNx, ]; module.exports = composePlugins(...plugins)(nextConfig);

  • react-native-ui-kitten

    :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

    • Project mention: Is a UI library worth it? | /r/reactnative | 2023-06-19

  • tamagui

    Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

    • Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29

    Tamagui is a UI kit that aims to bridge the gap between React and React Native applications by addressing the fundamental parts of an app, such as styling, theming, and cross-platform components, while keeping app performance in mind. It utilizes an optimizing compiler to significantly improve performance by hoisting objects and CSS at build-time. Its main advantage is that it creates a consistent design system across web and native platforms. Some major highlights of Tamagui are:

  • boardgame.io

    State Management and Multiplayer Networking for Turn-Based Games

    • Project mention: Show HN: Boardzilla, a framework for making web-based board games | news.ycombinator.com | 2024-01-29

    If you're looking for something more low-level, I can recommend boardgame.io [1].

    [1] https://boardgame.io/

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
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).

TypeScript React Native related posts

Index

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

Project Stars
1 storybook 82,810
2 Joplin 42,770
3 react-hook-form 39,505
4 taro 34,707
5 TypeORM 33,287
6 SWR 29,431
7 expo 29,062
8 Mattermost 28,049
9 react-navigation 23,258
10 RxDB 20,581
11 NativeBase 20,016
12 ignite 16,629
13 feathers 14,931
14 reactotron 14,554
15 react-content-loader 13,355
16 create-react-native-app 13,229
17 react-native-gifted-chat 13,189
18 react-native-paper 12,211
19 formily 10,748
20 svgr 10,294
21 react-native-ui-kitten 10,109
22 tamagui 9,992
23 boardgame.io 9,873

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com