Welcome to new things

[Technical] [Electronic work] [Gadget] [Game] memo writing

React

Create a site loosely with Chakra UI

When creating a sample site using React, you may want to create it quickly and easily by combining existing settings without thinking too much about the site design. We usually use UI Fabric (now Fluent UI), which is used by Microsoft Offi…

Memo on how to create a minimal authentication site with AWS Amplify + React

I wanted to create a React site with an authentication function easily, but I gave up because it was too much trouble to build a backend each time. However, we tried AWS Amplify to see if we could easily build a backend. Since I have tried…

Change the TypeScript version of VSCode

When I create a TypeScript React app with create-react-app app-name --template typescript and try to edit it in VSCode, I get the following error message Cannot use JSX unless the '--jsx' flag is provided. ts(17004) error. I found out that…

Facebook's official React state management library Recoil could replace Redux

Redux is well-known for state management in React, and as a mass panderer, I am using Redux as usual. However, there are a few areas where I find it hard to use Redux. One is that there are many boiler plates anyway. Just adding or modifyi…

How to use Concurrent Mode of React with TypeScript

This is a note on how to try React's Concurrent Mode in TypeScript, which is not yet officially released at this time. Since type-related errors often occur, we have included a note on how to deal with them. install Create a TypeScript tem…

React Hooks has been officially released and I read the official manual.

I haven't touched React recently, but I read News that React Hooks has been officially released, so I read the official manual of React Hooks to see what it is all about. reactjs.org summary In React, there are two ways to create a compone…