Atom beautify did not support jsx at that time. it does now :)
I use Prettier (https://prettier.io/) to re-write my code into best practices, so all the team can write code as if only one person has written it all. Supports JSX, and recently, even TypeScript, CSS, SCSS, ..
I already faced the same problem and ended using prettier-atom . It works really nice with HTML tags.
- How do you configure babel to run with different configurations in different environments
- CSS and Images files not coming after transpiling package with babel in new CRA
- VSCode How do I debug with es6 mocha unit tests and jsx files
- Error when importing JSX files from another package in monorepo with React
- How to use babel with npm package that will be used by react
- Configure babel to compile a specific package inside node_modules when testing with jest
- How to write a TypeScript NPM package with JSX property suggestion/autocompletion for intellisense
- How do I correctly configure eslint to lint JSX files in SublimeText3
- How do I transpile React JSX and ES6 modules with babel and use browser native ES6
- How to configure CSS Mdoules with NWB on sass files
- How to load image files with webpack file-loader
- JSX not allowed in files with extension ' .js' with eslint-config-airbnb
- How can I interpolate JSX with an expression in a string?
- How to comment JSX code out in .js files in VSCode?
- How to set up Babel 6 stage 0 with React and Webpack
- In React, how to format a number with commas?
- How to use different .env files with nextjs?
- How to configure webpack dev server with react router dom v4?
- How to configure redux-persist with redux-toolkit?
More Query from same tag
- how to hide one div when another div is active in react js
- How do i make Tailwind.css responsive?
- How to render conditional HTML elements in React
- In React, is it a good/bad idea to pass text thru as a prop to the component?
- Using setInterval in React isn't working as expected
- ReactJS - Fetch Route with Query Parameters
- How to render data from multiple tables from MySQL using React, Spring Boot?
- react redux two components
- How to add antd pagination component?
- create react app - npm run build issues
- Difference between ES5 and ES6 constructors in React.js
- Why do my styled component keyframes error with ts-styled-plugin(9999) in react when using percentage instead of TO/FROM
- How do I make this table sortable?
- How to sum values by grouping by account/id/category?
- Multiple components getting rendered for single route with react-router v4?
- Amplify UI is not working proper in React js
- Youtube Ui Fixed Home bar
- Dynamically change background images in React from local folder
- useEffect getting called twice in react v18
- Typescript extending generic component type doesn't satisfy the constraint
- Get ref value from HTML element
- How to show messages in a chat like manner
- How do I update state with axios put request on my React application? (React/Node Express)
- Update State component after fetch Redux
- Filtering by user role in js
- Webpack throws warning when running npm run build
- How to get the reference element of a div in react?
- How to start scrollable (overflow-y: scroll) div in the center instead of the top with scrolling?
- How to solve not found error in heroku after deployment
- npm ERR! code ENOLOCAL npm ERR! Could not install from "Ibrahi\AppData\Roaming\npm-cache\_npx\8992" as it does not contain a package.json file