TypeScript React Native

Open-source TypeScript projects categorized as React Native

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: Modern React testing, part 5: Playwright | dev.to | 2024-05-06

    As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.

  • 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: formengine VS react-hook-form - a user suggested alternative | libhunt.com/r/formengine | 2024-05-02
  • 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/

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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

  • Expense journal with Cloudflare AI

    2 projects | dev.to | 11 Apr 2024
  • Exploring the Best UI Component Libraries for React Native apps

    4 projects | dev.to | 29 Mar 2024
  • Creating a reusable Design System between React and React Native with Tamagui

    3 projects | dev.to | 27 Mar 2024
  • Criando um Design System reutilizável entre React e React Native com Tamagui

    4 projects | dev.to | 26 Mar 2024
  • Getting started with NativeWind: Tailwind for React Native

    2 projects | dev.to | 21 Mar 2024
  • Developing a cross-platform TV app with React Native

    3 projects | dev.to | 20 Mar 2024
  • Yet Another Newsletter LOL: Pi Day

    1 project | dev.to | 17 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 8 May 2024
    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. Learn more →

Index

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

Project Stars
1 storybook 82,881
2 Joplin 43,083
3 react-hook-form 39,683
4 taro 34,777
5 TypeORM 33,307
6 SWR 29,461
7 expo 29,197
8 Mattermost 28,080
9 react-navigation 23,271
10 RxDB 20,712
11 NativeBase 20,021
12 ignite 16,659
13 feathers 14,936
14 reactotron 14,569
15 react-content-loader 13,370
16 create-react-native-app 13,229
17 react-native-gifted-chat 13,210
18 react-native-paper 12,227
19 formily 10,774
20 svgr 10,324
21 react-native-ui-kitten 10,114
22 tamagui 10,083
23 boardgame.io 9,881

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com