metro
Detox
Our great sponsors
metro | Detox | |
---|---|---|
16 | 21 | |
5,054 | 10,930 | |
0.9% | 0.8% | |
9.4 | 9.7 | |
7 days ago | 5 days ago | |
JavaScript | JavaScript | |
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.
Detox
-
automation testing
Nope. Not even on 0.71 yet https://github.com/wix/Detox/issues/3884
-
Learn how to perform unit testing in React Native with Jest.
This article offers an overview of React Native testing, but there’s so much more to learn! I encourage you to explore other testing techniques and tools, like Snapshot Testing, Detox, and React Native Testing Library. Choose the ones that work best for your project, and keep learning!
-
Mobile app testing easier with Maestro (React Native)
I used Detox to test React Native apps. At that time, Detox was so "cool", saving both the time and effort of the dev team and the tester team. However, later on, I saw the complexity, as well as the "difficulty" with new team members, and that's when Maestro came to me as a savior. I know Maestro through an article on dev.to, but my team's "noob" is true 😂 (but my teammates don't believe it).
-
React vs React Native: How Different Are They, Really?
End-to-end testing is completely different on React Native, however. None of the Selenium-based E2E testing tools will work; neither will newer tools like Cypress or Playwright. You may have expected this - these are all DOM-based, and there’s no DOM in React Native. So instead developers will have to learn Detox or Appium.
-
E2E testing with Detox on Azure CI/CD for iOS
Detox is a testing and automation tool for React Native and React web applications. It can be used to automate the process of testing an iOS app by simulating user interactions and then verifying that the app functions as expected.
-
How I go with react native in late 2022
I haven't used it yet, but it seems detox is a fine e2e testing tool for react native. something like cypress in the web. I think it's a little hard to configure, but in the end, it's really helpful.
-
What testing library do you use for react native automated testing
The standard is React Native Testing Library for unit and integration tests, and Detox for E2E tests.
-
Nx 14.5 - Cypess v10, Output globs, Linter perf, React Tailwind support
We also improved our React Native support by adding the possibility to generate a Detox config for Expo applications.
-
Detox : Gray box end-to-end test automation framework for react-native apps
Copy & paste the content of the equivalent file from the detox example app for RN, into it. Don't forget to change the package name to your project's package name.
-
Working as a manul tester; have to get started with automating our app. How to proceed?
Detox is great for React Native: https://wix.github.io/Detox/
What are some alternatives?
expo-cli - Tools for creating, running, and deploying universal Expo and React Native apps
Cypress - Fast, easy and reliable testing for anything that runs in a browser.
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.
appium - Cross-platform automation framework for all kinds of your apps built on top of W3C WebDriver protocol
react-native-web - Cross-platform React UI packages
jest - Delightful JavaScript Testing.
react-native-monorepo-tools - Tools and utils to support a React Native monorepo built with Yarn Workspaces
maestro - Painless Mobile UI Automation
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
react-native-calendars - React Native Calendar Components 🗓️ 📆
nx - Smart Monorepos · Fast CI
cavy - An integration test framework for React Native.