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. Learn more →
Top 23 React Native Open-Source Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
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.
-
Joplin
Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS.
-
reactjs-interview-questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
-
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.
-
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.
-
expo
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
-
Mattermost
Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
-
Zulip
Zulip server and web application. Open-source team chat that helps teams stay productive and focused.
-
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
-
react-native-vector-icons
Customizable Icons for React Native with support for image source and full styling.
-
ignite
Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more!
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
The best option is probably Flutter right now: https://flutter.dev/
If you don't mind writing the UI native, sharing only business logic code, Kotlin is an option: https://kotlinlang.org/docs/multiplatform.html#kotlin-multip...
Kotlin also can do the UI if you use Compose: https://www.jetbrains.com/lp/compose-multiplatform/ ... however, iOS support is still in alpha, and Web is "experimental". If you're not willing to cope with that (expect to have to change your code as they develop the framework) then Flutter is the way as it's pretty stable already on all platforms.
If you already know Typescript and React, you may also consider React Native: https://reactnative.dev/
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
Project mention: Ask HN: What are the key decision factors for open sourcing a product? | news.ycombinator.com | 2024-05-08At the time it organically grew in a year or two, i've added my projects to the "awesome x" lists (like this one https://github.com/enaqx/awesome-react) but thats pretty much it. Overall I think it was a great experience to learn from but I wish I didn't spend so much time on it.
Project mention: Ask HN: What is your approach for managing personal digital assets? | news.ycombinator.com | 2024-03-24
I looked for a package that would provide the validation and state management that I was used to but for React. After a bit of searching I found the React Hook Form package that seemed to offer exactly what I was after. The tagline on their website reads:
Project mention: Building Cross-Platform Apps with React Native: Challenges and Solutions 📱 | dev.to | 2023-08-05🔗 React Native official documentation 🔗 React Native Community 🔗 React Native Newsletter: Stay updated with the latest trends and news in the React Native ecosystem. 🔗 Awesome React Native: Discover a curated list of helpful libraries, tools, and components for React Native development.
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.
Project mention: Think Twice Before Using setInterval() for API Polling – It Might Not Be Ideal | dev.to | 2024-05-19Data fetching is a very simple task until it becomes complicated. Therefore I recommend that you use powerful data fetching libraries like TanStack Query, SWR, RTK Query.
This feel like a corporate greed play, on what should be a relatively simple chat application. Slack has quickly become just another enterprise solution in search of shareholder value at expensive of data privacy. Regulation of these companies should be more apparent to people, but sadly, is not.
I would recommend https://mattermost.com as an alternative.
Once we've set up the storage mechanism, building an email and password sign in flow becomes pretty straight forward. Install react-native-elements to get some nice cross platform button and input fields:
This is just a starting point for implementing navigation in React Native applications. You can further customize the navigation options, add animations, and integrate other features to enhance the user experience. React Navigation provides a robust foundation for building complex navigation patterns in your mobile apps. You can check out the official documentation here: React Navigation.
maybe https://necolas.github.io/react-native-web/? https://github.com/vercel/next.js/blob/canary/examples/with-react-native-web/README.md
Project mention: Ask HN: How Can I Make My Front End React to Database Changes in Real-Time? | news.ycombinator.com | 2024-04-17I'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!
To all the people asking about self-hosted alternatives, I can recommend zulip[0], and this article[1] explaining why.
[0] https://zulip.com/
[1] https://monadical.com/posts/how-to-make-remote-work-part-two...
Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29Gluestack, 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:
I got this error when I was importing from a library such as react-native-vector-icons:
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...
API document For Lottie
React Native related posts
-
Navigation in React Native
-
Slack AI Training with Customer Data
-
Cross-platform development using ReactXP
-
React Native Testing Options Overview
-
The Skill of Finding Bugs and Their Root Cause in Software Development
-
React Native New Architecture: What You Need to Know
-
Maintainer Monday
-
A note from our sponsor - SurveyJS
surveyjs.io | 20 May 2024
Index
What are some of the best open-source React Native projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-native | 116,211 |
2 | storybook | 82,997 |
3 | awesome-react | 62,421 |
4 | Joplin | 43,481 |
5 | open-source-ios-apps | 40,531 |
6 | react-hook-form | 39,843 |
7 | reactjs-interview-questions | 37,071 |
8 | taro | 34,831 |
9 | awesome-react-native | 34,134 |
10 | TypeORM | 33,450 |
11 | SWR | 29,562 |
12 | expo | 29,553 |
13 | Mattermost | 28,177 |
14 | react-native-elements | 24,651 |
15 | react-navigation | 23,293 |
16 | react-native-web | 21,368 |
17 | RxDB | 20,782 |
18 | Zulip | 20,160 |
19 | NativeBase | 20,033 |
20 | react-native-vector-icons | 17,249 |
21 | ignite | 16,713 |
22 | lottie-react-native | 16,507 |
23 | react-native-windows | 15,997 |
Sponsored