Web navigation
Basic Is it possible to have multiple “#” in a url? which is the same window.location.hash for How to use “react-router”? How to create a […]
Web App
Typescript – Cheat sheet (2)
How to set type for async function? Set type for async function Set type when calling generic type function If the calling code does not […]
ReactJS – How to create a select box?
Use react-select
ReactJS – How to create a popup modal?
Use react-modal
ReactJS – How to validate a form?
Use react-hook-form Basic Install Usage Create form elements with unique name props Add handleSubmit method to manage form submission Register input fields into React Hook […]
ApolloClient – How to use (1)
How to create Apollo client for multiple graphQL endpoints? Create HttpLink to each endpoint Configure Apollo client Finally, you can call a query or mutation […]
React – How to interact with DOM?
How to interact with a HTML element in React? Use useRef Embed HTML content Focus an editable div element How to render a React component […]
React – How to use css in React project?
Basic How to import css as module? Create css with name as “Button.module.css” Then, you can import css into jsx as below How to import […]
React Test – How to write Unit test and e2e test (1)?
Unit test Setup Install ts-jest for testing TypeScript files Run yarn test or yarn jest Test Problems How to ignore a specific file type “e2e.test.js”? Edit package.json […]