article thumbnail image
Published 2023. 2. 16. 15:29

 

show me a list type of react files for example jsx, tsx and so on..

 


Method

Here's a list of file types you might commonly encounter when working with React:

.js: This is a regular JavaScript file that can be used with React. You can write your React components in this file using the regular JavaScript syntax. However, you won't be able to use JSX syntax in this file.

.jsx: This is a JavaScript file that uses the JSX syntax to define the structure and content of your React components. You'll need to use a tool such as Babel to transpile the JSX code into regular JavaScript that can be executed by the browser.

.ts: This is a regular TypeScript file that can be used with React. You can write your React components in this file using the TypeScript syntax. However, you won't be able to use JSX syntax in this file.

.tsx: This is a TypeScript file that uses the JSX syntax to define the structure and content of your React components. You'll need to use the TypeScript compiler to transpile the TSX code into regular JavaScript that can be executed by the browser.

.css: This is a Cascading Style Sheet file that defines the styles for your React components.

.scss: This is a SASS (Syntactically Awesome Style Sheets) file that can be used to write more complex and powerful styles for your React components.

.less: This is a LESS file that can be used to write styles for your React components.

.json: This is a JSON (JavaScript Object Notation) file that can be used to store data that your React components need to access.

.svg: This is an SVG (Scalable Vector Graphics) file that can be used to create vector-based graphics for your React components.

 

 


 

To be continued..

복사했습니다!