Comments (3)
Yep, I'm not sure if we'll get it 100% to the original example, but I agree that it looks better. JSX still needs several tweaks.
from prettier.
It's a bit difficult to detect when to do this because the AST doesn't consider parens as their own node. But maybe we could try to apply it in situations where it's most common, like ternaries, arrow function expressions, etc.
Here's an example of it in arrow function expressions:
<Something>
{() => (
<SomethingElse>
<span />
</SomethingElse>
)}
</Something>
prettier currently outputs:
<Something>
{() => <SomethingElse>
<span />
</SomethingElse>}
</Something>;
Edit: I hit submit before fixing my english 😅
from prettier.
This is closely related to #73. So I am closing this in favour of that issue. You can file a new bug or reopen this if the problem still exists after that issue is solved.
from prettier.
Related Issues (20)
- Second format failed when running next lint. Rule: "prettier/prettier" HOT 2
- Extension 'Prettier - Code formatter' is configured as formatter but it cannot format 'Svelte'-files HOT 1
- Markdown Parser double spaces lists with code that has spaces
- TypeError: join(...).filter is not a function
- TypeError: prettierApi.getFileInfo.sync is not a function
- TypeError: prettierApi.getFileInfo.sync is not a function HOT 1
- Same configurations but different document format display HOT 1
- Formatting of embedded equations in Markdown is sometimes incorrectly escaping underscores
- Formatting can break `/*#__PURE__*/` annotations HOT 1
- Issues with prettier-vscode not working properly with plugins since prettier 3.1.0 release HOT 8
- JSX empty lines are removed
- File names with dollar sign ($) in the name cannot be processed by Prettier
- Typescript 5 const modifier on type parameters leads to SyntaxError HOT 1
- Simple template literal should break at all interpolations instead of exceeding the max line width HOT 6
- ENAMETOOLONG error when running prettier HOT 1
- [Feature Request] Add support for TS config files (`prettier.config.ts`) HOT 1
- Non-idempotent and otherwise buggy behavior around intersections and line comments
- Feature request: dark theme for https://prettier.io/ HOT 3
- Add support for `#graphql` comment for formatting GraphQL HOT 3
- Non-idempotent formatting of Angular templates (new lines being inserted on each run) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from prettier.