Open in app
Sign inGet started

React tips and tricks

Create a React App
Create a React + Typescript project with Vite

Create a React + Typescript project with Vite

If you want to create a SPA (single page application) that supports typescript with blazing fast development experience, try Vite.
Go to the profile of Ye Min Ko
Ye Min Ko
Create a React project with Nx

Create a React project with Nx

Nx is a build system that can help you to achieve your desired integration without worrying about different configurations.
Go to the profile of Ye Min Ko
Ye Min Ko
TypeScript Components
Passing props into React TypeScript Component using Nx

Passing props into React TypeScript Component using Nx

There are two steps to make passing data into typescript components. One is defining props type and another is passing required props.
Go to the profile of Ye Min Ko
Ye Min Ko
Passing Object props into React TypeScript Component using Nx

Passing Object props into React TypeScript Component using Nx

Passing an object into a typescript component is not that hard, all you need to do is defining and using types properly.
Go to the profile of Ye Min Ko
Ye Min Ko
Passing Children props into React TypeScript Component using Nx

Passing Children props into React TypeScript Component using Nx

To accept children props, we can choose different types. For example, if you want to accept JSX elements, use React.ReactElement.
Go to the profile of Ye Min Ko
Ye Min Ko
CSS in React
CSS Modules in React TypeScript using Nx

CSS Modules in React TypeScript using Nx

CSS Modules can reduce potential conflict between css classes. That’s why if your not using yet, give it a try.
Go to the profile of Ye Min Ko
Ye Min Ko
Events and State
Event Binding in React TypeScript

Event Binding in React TypeScript

Handling user events in React is slightly different from HTML.
Go to the profile of Ye Min Ko
Ye Min Ko
useState() Hook in React TypeScript

useState() Hook in React TypeScript

We can use the useState() hook to set and manage some state that is tied to the component.
Go to the profile of Ye Min Ko
Ye Min Ko
About Learn ReactLatest StoriesArchiveAbout MediumTermsPrivacyTeams