metro
react-native
Our great sponsors
metro | react-native | |
---|---|---|
16 | 524 | |
5,054 | 115,579 | |
0.9% | 0.6% | |
9.4 | 10.0 | |
12 days ago | 6 days ago | |
JavaScript | C++ | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
metro
-
Dynamic imports supported in react native
For details on the implementation you can see Evan's PR to metro here.
- React Native bundler improvement! 🔥
-
React vs React Native: How Different Are They, Really?
Some development tools for the web are similar (Chrome debugger, mostly) to those for React Native, but other aspects are very different (working with the metro bundler, using Flipper, AsyncStorage debugging, more). Some techniques developers will use are the same (breakpoints and console logging), but others are different (knowing when to restart the packager vs reinstall the app on device).
-
Setting up React Native Monorepo with Yarn Workspaces
We’re almost done with setting up the project. The last thing in the React Native app is to add watchFolders so metro knows where the linked node_modules are. The shared modules are symlinked by yarn, and since metro doesn’t follow symlinks we need to explicitly say it where the linked node_modules are.
-
Debugging RN + Expo bare using WebStorm? Would I be better off just killing myself now?
Unfortunately it is what it is... I use intellij instead of webstorm since they're the same thing basically. I spent a shitton of time figuring out how to link a local package i was creating for my app only to discover about this issue that is almost as old as react native itself. (luckily there's rnx-kit that solves the problem). Not to talk about the impossibility to have one goddamn IDE to write both typescript, java and c++. Currently i have to write ts/js in intellij, then i have to switch to android studio to write java/c++.
-
Do you know where the __DEV__ flag is set?
React Native packager. Override instructions here.
-
React Native Monorepo
React Native doesn't play nicely with most monorepo tools out of the box as Metro doesn't support symlinking.
-
Running React Native everywhere: The Web
Because React Native for Web is a React website, you can use front-end tools to build and run it. For example, you can build it with Webpack or Rollup instead of Metro bundler.
-
Running React Native everywhere: Android & iOS
Before we can run the app, we still need do one more thing: make metro bundler compatible with Yarn workspaces' hoisting.
-
Running React Native everywhere: Yarn Workspaces monorepo
Second, sharing code with other projects (e.g., backend code, web apps) may get complicated. Out-of-the-box, React Native's metro bundler cannot reference code outside of the project's root directory. You can configure it to do so (and we'll do it as well later on). Still, once you do it, you'll also need to ensure dependencies resolution works correctly (to avoid loading two different versions of the same library, for example); which might not be as easy as it may sound.
react-native
-
Apple privacy manifest for React Native
This is a modified version of the file from the react native cli template
-
Understanding security in React Native applications
Recently, there has been a notable shift in mobile application development practices. Rather than creating separate applications for each native platform, many developers are opting for hybrid mobile frameworks like React Native.
-
Creating Nx Workspace with Eslint, Prettier and Husky Configuration
React Native [ https://reactnative.dev/ ]
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Versatility: JavaScript is not limited to web browsers. It's used in a variety of environments, including mobile app development (using frameworks like React Native), game development (using libraries like Phaser), and even serverless computing (using platforms like AWS Lambda).
-
Design Principles and Best Practices in React Native App Development
In the competitive landscape of mobile app development, user experience (UX) has emerged as a critical differentiator. React Native, with its robust framework and versatile capabilities, offers developers a powerful toolkit to create seamless and engaging user experiences. This blog post delves into the design principles and best practices in React Native app development, uncovering how developers can elevate user experience to new heights and drive success in the digital realm.
-
React Native and Flutter: A Developer's Dilemma
You can find the React Native documentation here and Flutter Documentation here.
-
React or Vue, which JS framework is best?
Additionally, React Native, an extension of React.js, enables developers to create hybrid mobile applications with ease.
-
From Dev To Dev: The Path To Success In 5 Steps
You don’t know what to do with your time while applying the 5th rule? Start small, tiny steps. If you can’t read much, start small, 15 minutes a day reading a technical article or even a book like Effective Java, by Joshua Bloch. You don’t like to read? Create small projects by using a framework you want to learn. Check for example: React framework.
- The issue with installing RN pods with CocoaPods 1.15.0
-
Supercharge Your Mobile Dev Skills: 10 Essential Tools for Max Efficiency
React Native: A framework for building native apps using JavaScript, sharing logic code while retaining native performance.
What are some alternatives?
expo-cli - Tools for creating, running, and deploying universal Expo and React Native apps
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
react-native-web - Cross-platform React UI packages
Electron - :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
react-native-monorepo-tools - Tools and utils to support a React Native monorepo built with Yarn Workspaces
spine - Lightweight MVC library for building JavaScript applications
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
nx - Smart Monorepos · Fast CI
Titanium - 🚀 Native iOS and Android Apps with JavaScript