I have a React Native app with a fairly large codebase. I recently received a new requirement that requires me to add debounce functionality to all the buttons in the app. If I replace them with a custom component, it will result in a significant number of file changes. I tried configuring Babel's 'module-resolver', but it doesn't seem to be helping. Is there a better way to achieve this, or should I manually replace it everywhere?
Globally replace a component in react native
100 views Asked by CHANDUKA SAMARASINGHE. At
1
There are 1 answers
Related Questions in REACTJS
- What is `_dereq_()` inside React?
- React TypeError: React.renderComponent is not a function
- React - saving a component in the ref callback
- React Rails component: manually triggering a re-render
- React, ES6 - getInitialState was defined on a plain JavaScript class
- How to get multiple selected options value in React JS?
- React.render replace container instead of inserting into
- reactjs datagrid use html
- props is not initialized in react component
- How to display xml data using Reactjs
Related Questions in REACT-NATIVE
- React Native: detect if UIVisualEffectView is supported
- Prevent Chrome debugger from stealing focus in React Native
- React-native upload image to amazons s3
- react-native update NavigatorIOS component's props
- promise – can't find variable process
- Using React Native within existing iOS app for some views only
- What is a good approach to building and distributing a React Native iOS component that extends iOS functionality?
- error in xcode 6 "is not registered as a URL scheme. Please add it in your Info.plist"
- DeviceEventEmitter stops emitting events to application when screen locked
- How to rename react-native entry file (index.ios.js)
Related Questions in BABELJS
- jspm does not transpile code from ES6 to ES5
- Compiling ES6 arrow functions to Es5 using Babel.js
- How to properly bind current object context in ES6 using babelify
- Is it okay to use babel-node in production
- Is there a way to give custom options to a babel plugin?
- is it possible to use TypeScript and Babel together
- Reduce transpiled code helpers with babel and webpack
- Include paths for imports in babel using webpack
- Make gulp watch and compile whole directory to es6
- ESLint error on semicolon after class declaration ECMAScript 6
Related Questions in NATIVE-BASE
- React Native with Native Base (Unexpected Token Error)
- react-native: NativeBase how to center a control
- Native base ListItem renders empty view?
- undefined is not an object (evaluating 'this.handleMapView.bind')
- NativeBase multiple icons in InputGroup
- navigating to component twice giving error for setstate
- How do I use the DeckSwiper element in NativeBase without getting "Element type is invalid" error?
- React Native + NativeBase Content component and Carousel (not displaying)
- How do I fix a failure to build due to a "Duplicate module name" collision in a react-native?
- Swipe card when button clicks in react native
Related Questions in BABEL-PLUGIN-MODULE-RESOLVER
- Globally replace a component in react native
- Configure custom "root" directory with "babel-plugin-module-resolver"?
- Why does cjs file extension on babel.config break module-resolver?
- Not able to absolute import in React Native project using babel-plugin-module-resolver
- babel-plugin-module-resolver not working on .jsx files
- "Cannot find module 'babel-plugin-module-resolver'" on a CI/CD pipeline
- Babel - how to set aliases to outside of the root directory?
- React native babel config " Cannot find module 'babel-plugin-module-resolver' " error
- React native Typescript path alias unable to resolve module
- Babel module resolver doesn't work as expected (node + typescript)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Popular Tags
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
If you're using a shared component for your button or pressable it could be easily done ( that's the importance of having shared components, so that you can do changes globally in an effective way ) if not, there's a turnaround, you patch the library that you're using your buttons from ( react-native if you're using the common react native button ) and you add the debounce to the library so it will change globally and in the future too. For patching you can use patch-package
By patching I mean updating the package in node modules.