For example, we have to re-create files and settings for Redux, Redux middleware, Styled-components again and again if we need them. Sometimes, we may also need extra things like setting Jest, Enor using TypeScript.
To solve my problems, I create and publish an NPX command called create-nrs-web.
In this article, we will introduce how to use create-nrs-web to build a website efficiently. There are a few topics.
1.Type the following command on the console
In this article, we will go through the process of creating an animation component in the React project with gsap. we will walk through three parts.
Feel free to scroll down if this article may be something you are looking for.
Let’s getting started!
There are a few methods to retrieve SVG files.
Sometimes I wonder what kind of topics I write the most? So I create a keyword cloud of my works and record the process in this article. There are a few steps for the whole process.
I will use Django, React function components(TypeScript), and Redux in this article. We won’t go through the detail for these skills in this article. …
There are several concerns for a search system to fetch the related results with the inputted text changed. We can understand clearly from the following screen-shot.
It matters the performance and the user experience. After surveying, I think we have two kinds of solutions to reduce the frequency of function calls. Both two methods use a timer to solve the problem here.
That’s doing experiments to check which one is suitable for our system.
資訊空間設計原則旨在塑造人們對於資訊空間的感知- 使用者身在哪裡? 能做什麼? 能期待尋找什麼?
There are several ways to share stateful logic between React components like render props and HOC (High Order Component). React hook provides a new option after v16.8.0. The main advantage of React hooks is that they can be uses as life cycle functions for function components.
I create my customized React hook when learning to React hook. This article is a note for people who also intend to create their own React hook package for npm.
There are a few topics in this article
This series is to build a SPA with ReactJS and Django.
We have discussed a few topics from part 1 to part 7. In part 8, we began to use Next.js and export static full pages for overcoming drawbacks of the CSR(Client-Side Rendering) and improving the performance.
On the frontend side, there are several kinds of tools to improve the project that we have talked like Redux, middleware for Redux(Thunk, Saga, etc), and Jest. The page-level Redux accessing is an important part of improving CSR.
In this article, we will integrate next-redux-wrapper into the project in order to access Redux…
For achieving the target of 100% coverage for the unit test, a part of the basic work is to learn how to test Redux components which are the most commonly used for the global states managements in the Next.js/React project.
In this article, we will learn how to test Redux components with different middleware. Assume that you have known how to use Redux and Jest. You can also read the following articles for the pre-required knowledge.
This article contains the following topics
Set up the…
The lesson I learned this week is the customized model validation for Asp.NET MVC. The frontend-side model validation was broken after switching the script bundle to Webpack.
The model validation process has two steps, the frontend-side validation, and the backend-side validation.
1. Implement a RequiredAttribute and implement methods from RequiredAttribute and IClientValidatable
2. Add the customized attribute as an annotation for the model