There is a plugin on Strapi Marketplace that do this response transforming stuffs in a more configurable way. Checkout this if you are interested.
- 5 React Architecture Best Practices
- A plugin system is born... · React Static
- Applying microservices design patterns to scale react app development • Soluto Engineering Blog
- Architecting your React application.
- Best architecture for the React project - Mad Devs
- Build a Super-Modular Todo App with React and Bit Components
- [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-ap
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
SPC | |
SPC: find file | |
, switch buffer | |
. browse files | |
: MX | |
; EX | |
< switch buffer | |
` eval | |
u universal arg | |
x pop up scratch |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* shows a position marker that highlights where the cursor is | |
* @param {object} e - the input or click event that has been fired | |
*/ | |
const showPositionMarker = e => { | |
// grab the input element | |
const { currentTarget: input } = e | |
// create a function that will handle clicking off of the input and hide the marker | |
const processClick = evt => { | |
if (e !== evt && evt.target !== e.target) { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* returns x, y coordinates for absolute positioning of a span within a given text input | |
* at a given selection point | |
* @param {object} input - the input element to obtain coordinates for | |
* @param {number} selectionPoint - the selection point for the input | |
*/ | |
const getCursorXY = (input, selectionPoint) => { | |
const { | |
offsetLeft: inputX, | |
offsetTop: inputY, |