Microservices are a type of software architecture that is gaining popularity. — What does the term “microservices” mean exactly? What sort of architecture falls within the microservices? Despite the abundance of materials online, none of them are easy for beginners to understand. In my opinion, this concept is actually rather straightforward and is easily explainable. Nowadays, developers need to do changes to…

retrieves the stats (clapCount, voterCount, responseCount, and readingTime) of Medium posts — In this article, I will explain how to retrieve the stats ( claps count, voter count, response count, and reading time) of Medium feed posts using a REST API, the lack of this feature in the Medium RSS feed is what motivated me to create this advanced Medium API. …

An easy way to maintain clean code in React — Using absolute imports to better organize your React project is a great way. Relative imports are hard to follow and break during refactoring. Absolute imports manage your project easier as it grows. Forget long relative imports after this article. This is my 40th Medium article. The Problem What if your project’s folder…

Mocking network requests even easier — Nowadays, it is necessary to modify an older library to TS and perform unit testing. If the library is modified to TS, there is still a little bit better. Unit testing is purely a current study and sold now. For beginners to learn the Jest framework, I think the more…

Mixins, HOC, render props, and Hooks are four ways to reuse components — Now frontend engineering is more and more important. Although Ctrl+C and Ctrl+V can also be used to complete requirements, once they are modified, it becomes a huge task. Therefore, copying of code is reduced, and the packaging and reuse capabilities are increased to achieve maintainability and reversibility. …

Cut, Copy and Paste in JavaScript — The browser allows JavaScript scripts to read and write to the clipboard, and automatically copy or paste content. In general, scripts should not modify the user’s clipboard, so as not to meet the user’s expectations. However, sometimes it can be convenient to do this, such as the “one-click copy” function…

A deeper look at fetch — Requesting resources from an API is a popular and nearly crucial feature required for building modern applications. Whether you have created your own API or you are implementing a third-party API, you need a way to create your requests without slowing down your application. fetch() is an upgraded version of…

Take useEffect() as an example — I already wrote about React best practices. I have mentioned that React hooks write stateful functional components. Nowadays, Most of the React frameworks such as react-i18next, Material-UI, and etc are encouraged to use React hooks. However, recently I have come to realize that React hooks are very useful. React hooks…