# Prettier

Prettier is an opinionated code formatter that reprints code using its own formatting rules.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Checking code with lint, formatting it with prettier

DevFeed: [Checking code with lint, formatting it with prettier](<https://devfeed.tech/articles/checking-code-with-lint-formatting-it-with-prettier-22415.md>)

Original publisher: [Read original article](<https://www.tjmaher.com/2026/08/checking-code-with-lint-formatting-it.html>)

Author: T.J. Maher (noreply@blogger.com)

Published: 2026-08-10T23:23:45Z

Content type: tutorial

Language: en

Sources: [T.J. Maher](<https://devfeed.tech/sources/t-j-maher.md>)

Topics: [ESLint](<https://devfeed.tech/topics/eslint.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Playwright](<https://devfeed.tech/topics/playwright.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [bun](<https://devfeed.tech/tags/bun.md>), [bun-create-playwright](<https://devfeed.tech/tags/bun-create-playwright.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [formatting](<https://devfeed.tech/tags/formatting.md>), [linter](<https://devfeed.tech/tags/linter.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

### AI overview

This tutorial explains how to add ESLint for static analysis and Prettier for consistent code formatting in a Playwright project. It also discusses eslint-plugin-playwright and using eslint-config-prettier to reduce conflicts between ESLint and Prettier.

### Source excerpt

Now that we've installed bun, Anthropic's package manager, scaffolded a Playwright framework and closely examined the results, and added typechecking with TypeScript's compiler, it's time to add ways to check the code with lint, and reformat the code with prettier. We will be using: ESLint, as the static-analysis tool to review the code without running it. Little bits of fluff -- like syntax errors, structural bugs, anti-patterns, and code style violations -- can collect on your code, so it helps to run a linter to help catch it all, such as ESLint. There is also a linter, eslint-plugin-playwright, for Playwright tests. Prettier enforces a consistent code style across your entire codebase. Because ESLint and Prettier can conflict, we will be using Prettier's eslint-config-prettier, which turns off all rules that are unnecessary or might conflict with ESLint. What is a Linter? According to the Wikiwand entry for Lint, "Stephen C. Johnson, a computer scientist at Bell Labs, came up with the term 'lint' in 1978 while debugging the yacc grammar he was writing for C and dealing with portability issues stemming from porting Unix to a 32-bit machine. The term was borrowed from lint, the tiny bits of fiber and fluff shed by clothing, as the command he wrote would act like a lint trap in a clothes dryer, capturing waste fibers while leaving whole fabrics intact. The lint program was released outside of Bell Labs in Unix V7, in 1979. "In his 1978 paper, Johnson explained his reasons for creating a new program to detect errors: '...the general notion of having two programs is a good one' because they concentrate on different things, thereby allowing the programmer to 'concentrate at one stage of the programming process solely on the algorithms, data structures, and correctness of the program, and then later retrofit, with the aid of lint, the desirable properties of universality and portability' " What is ESLint? Website: https://eslint.org/ GitHub: https://github.com/eslint/e

## DevEx matters for coding agents, too

DevFeed: [DevEx matters for coding agents, too](<https://devfeed.tech/articles/devex-matters-for-coding-agents-too-11592.md>)

Original publisher: [Read original article](<https://incident.io/blog/ai-developer-tools>)

Author: Rory Bain

Published: 2025-12-19T15:59:16Z

Content type: article

Language: en

Sources: [The incident.io Blog](<https://devfeed.tech/sources/the-incident-io-blog.md>)

Topics: [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [developer tooling](<https://devfeed.tech/topics/developer-tooling.md>), [code productivity](<https://devfeed.tech/topics/code-productivity.md>), [Claude Code](<https://devfeed.tech/topics/claude-code.md>), [cursor](<https://devfeed.tech/topics/cursor.md>), [toolchain](<https://devfeed.tech/topics/toolchain.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [React](<https://devfeed.tech/topics/react.md>), [ide](<https://devfeed.tech/topics/ide.md>)

Tags: [ai-coding-agents](<https://devfeed.tech/tags/ai-coding-agents.md>), [claude-code](<https://devfeed.tech/tags/claude-code.md>), [codex](<https://devfeed.tech/tags/codex.md>), [coding](<https://devfeed.tech/tags/coding.md>), [coding-agents](<https://devfeed.tech/tags/coding-agents.md>), [cursor](<https://devfeed.tech/tags/cursor.md>), [devex](<https://devfeed.tech/tags/devex.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [incident](<https://devfeed.tech/tags/incident.md>), [incident-channel](<https://devfeed.tech/tags/incident-channel.md>), [incident-management](<https://devfeed.tech/tags/incident-management.md>), [incident-response](<https://devfeed.tech/tags/incident-response.md>), [outage](<https://devfeed.tech/tags/outage.md>), [post-mortem](<https://devfeed.tech/tags/post-mortem.md>), [react](<https://devfeed.tech/tags/react.md>), [slack-incident](<https://devfeed.tech/tags/slack-incident.md>), [toolchain](<https://devfeed.tech/tags/toolchain.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

### AI overview

The article explains how Incident.io accelerated developer feedback cycles for both engineers and AI coding agents. It describes heavy use of Claude Code, Cursor, and Codex, and reports that switching from ESLint and Prettier to Biome reduced linting and formatting time from 40 seconds to less than one second.

### Source excerpt

When AI can scaffold out entire features in seconds and you have multiple agents all working in parallel on different tasks, a ninety-second feedback loop kills your flow state completely. We've recently invested in dramatically speeding up our developer feedback cycles, cutting some by 95% to address this. In this post we'll share what that journey looked like, why we did it and what it taught us about building for the AI era.

## CVE-2025-54313: Prettier Config Package Hijacked

DevFeed: [CVE-2025-54313: Prettier Config Package Hijacked](<https://devfeed.tech/articles/cve-2025-54313-prettier-config-package-hijacked-15.md>)

Original publisher: [Read original article](<https://blog.abhimanyu-saharan.com/posts/cve-2025-54313-prettier-config-package-hijacked>)

Author: Abhimanyu Saharan

Published: 2025-07-29T00:00:00Z

Content type: article

Language: en

Sources: [Abhimanyu Saharan](<https://devfeed.tech/sources/abhimanyu-s-blog.md>)

Topics: [Prettier](<https://devfeed.tech/topics/prettier.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>)

Tags: [cve](<https://devfeed.tech/tags/cve.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [phishing](<https://devfeed.tech/tags/phishing.md>), [security](<https://devfeed.tech/tags/security.md>), [supply-chain](<https://devfeed.tech/tags/supply-chain.md>)

### AI overview

This article describes CVE-2025-54313, a high-severity supply chain attack involving the hijacking of the eslint-config-prettier package through a phishing compromise.

### Source excerpt

A high-severity CVE exposed eslint-config-prettier to a supply chain attack via a phishing compromise. Learn what happened, who's affected, and how to fix it.

## Introducing the new Svelte CLI

DevFeed: [Introducing the new Svelte CLI](<https://devfeed.tech/articles/introducing-the-new-svelte-cli-3036.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/sv-the-svelte-cli>)

Author: Ben McCann

Published: 2024-10-24T00:00:00Z

Content type: release

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [migration](<https://devfeed.tech/topics/migration.md>), [Template](<https://devfeed.tech/topics/template.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Drizzle](<https://devfeed.tech/topics/drizzle.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Internationalization (i18n)](<https://devfeed.tech/topics/i18n.md>), [Playwright](<https://devfeed.tech/topics/playwright.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [cli](<https://devfeed.tech/tags/cli.md>), [drizzle](<https://devfeed.tech/tags/drizzle.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [migration](<https://devfeed.tech/tags/migration.md>), [npm](<https://devfeed.tech/tags/npm.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [testing](<https://devfeed.tech/tags/testing.md>), [tool](<https://devfeed.tech/tags/tool.md>), [tools](<https://devfeed.tech/tags/tools.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

### AI overview

Svelte has released sv, a unified command-line interface for creating, enhancing, and upgrading Svelte projects. It provides project templates, optional add-ons for tools and services such as TypeScript, Tailwind CSS, formatting, linting, testing, databases, authentication, internationalization, and Storybook, and migration support for upgrading Svelte 4 projects to Svelte 5.

### Source excerpt

We've just released sv, a new Command Line Interface (CLI) for creating, enhancing, and upgrading Svelte projects. One of the most common question we hear is "how do I set up Tailwind on my new project?". Tailwind has SvelteKit documentation, but it lists eight steps. While the community-led svelte-add project could automate the process, few knew about it. Introducing sv at Svelte Summit Fall 2024 Now, we're offering that functionality via our own CLI, directly within the project creation screen. And not just for Tailwind -- we have built-in add-ons for formatting, linting, testing, setting up databases and auth and i18n and more. Just run npx sv create and follow the prompts: $ npx sv create ┌ Welcome to the Svelte CLI! (v0.5.8) │ ◇ Where would you like your project to be created? │ my-new-app │ ◇ Which template would you like? │ SvelteKit minimal │ ◇ Add type checking with Typescript? │ Yes, using Typescript syntax │ ◆ Project created │ ◆ What would you like to add to your project? (use arrow keys / space bar) │ ◻ prettier (https://prettier.io) │ ◻ eslint │ ◻ vitest │ ◻ playwright │ ◻ tailwindcss │ ◻ drizzle │ ◻ lucia │ ◻ mdsvex │ ◻ paraglide │ ◻ storybook └ You can also run npx sv add to apply add-ons to existing projects. In the near future, we will also be supporting add-ons contributed by the community within sv. If you're interested in building one, please subscribe to the issue in the CLI repository to be notified when third party add-ons are supported. It doesn't stop there. Over time, Svelte has accumulated a handful of CLIs: svelte-check type-checks your project from the command line, npx svelte-migrate helps you upgrade to new major versions, and in the future we might have even more capabilities. Remembering the package name of each tool is cumbersome, which is why we unify the experience under one roof, sv. That means you can now run sv migrate svelte-5 to upgrade your Svelte 4 projects to Svelte 5. (The migration functionality can also be found in Svel

## Automatically clean up whitespace and duplicate class names

DevFeed: [Automatically clean up whitespace and duplicate class names](<https://devfeed.tech/articles/automatically-clean-up-whitespace-and-duplicate-class-names-3456.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/2024-05-30-prettier-plugin-collapse-whitespace>)

Published: 2024-05-31T16:30:00Z

Content type: release

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [Prettier](<https://devfeed.tech/topics/prettier.md>), [Sorting](<https://devfeed.tech/topics/sorting.md>), [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>)

Tags: [extension](<https://devfeed.tech/tags/extension.md>), [github](<https://devfeed.tech/tags/github.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [sorting](<https://devfeed.tech/tags/sorting.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>)

### AI overview

A new version of prettier-plugin-tailwindcss automatically removes unnecessary whitespace and duplicate class names while sorting. The release also notes that the VS Code extension has long warned about duplicate classes, and invites users to report issues on GitHub.

### Source excerpt

We just released a new version of prettier-plugin-tailwindcss which adds support for removing unnecessary whitespace and duplicate classes when sorting.

## Zed Weekly: #21

DevFeed: [Zed Weekly: #21](<https://devfeed.tech/articles/zed-weekly-21-13590.md>)

Original publisher: [Read original article](<https://zed.dev/blog/zed-weekly-21>)

Author: Joseph Lyons

Published: 2023-09-29T00:00:00Z

Content type: article

Language: en

Sources: [Zed Industries - Blog](<https://devfeed.tech/sources/zed-industries-blog.md>)

Topics: [Development](<https://devfeed.tech/topics/development.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Vim](<https://devfeed.tech/topics/vim.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [feature](<https://devfeed.tech/tags/feature.md>), [improvements](<https://devfeed.tech/tags/improvements.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>), [vim](<https://devfeed.tech/tags/vim.md>)

### AI overview

A weekly development update for Zed covering Prettier integration, improved language-server logs, a Storybook setup for rebuilding the UI, Vim mode updates, collaboration work, and dashboard chart optimization.

### Source excerpt

Improving following in collaboration, polishing channels, and continuing to rebuild Zed's UI

## Zed Weekly: Channel Chat, Semantic Index Updates, Prettier Integration, and Autocomplete Docs

DevFeed: [Zed Weekly: Channel Chat, Semantic Index Updates, Prettier Integration, and Autocomplete Docs](<https://devfeed.tech/articles/zed-weekly-20-13589.md>)

Original publisher: [Read original article](<https://zed.dev/blog/zed-weekly-20>)

Author: Mikayla Maki

Published: 2023-09-18T00:00:00Z

Content type: article

Language: en

Sources: [Zed Industries - Blog](<https://devfeed.tech/sources/zed-industries-blog.md>)

Topics: [Development](<https://devfeed.tech/topics/development.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [AI search](<https://devfeed.tech/topics/ai-search.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [remote-development](<https://devfeed.tech/topics/remote-development.md>)

Tags: [autocomplete](<https://devfeed.tech/tags/autocomplete.md>), [chat](<https://devfeed.tech/tags/chat.md>), [code](<https://devfeed.tech/tags/code.md>), [docs](<https://devfeed.tech/tags/docs.md>), [formatting](<https://devfeed.tech/tags/formatting.md>), [integration](<https://devfeed.tech/tags/integration.md>), [remote-development](<https://devfeed.tech/tags/remote-development.md>), [search](<https://devfeed.tech/tags/search.md>), [testing](<https://devfeed.tech/tags/testing.md>), [weekly](<https://devfeed.tech/tags/weekly.md>)

### AI overview

This weekly development update covers progress on Zed's channel chat system, a moving and linking channels project, fixes for hint and LSP status bugs, and local Prettier integration. It also reports Semantic Index support for modified open buffers, an evaluation framework for the engine, planned integration with the inline code assistant, and continued autocomplete documentation work.

### Source excerpt

Shipping channel chat, GPUI2 code samples, and autocomplete docs, and adding replace to our buffer search!

## Zed Weekly: #19

DevFeed: [Zed Weekly: #19](<https://devfeed.tech/articles/zed-weekly-19-13588.md>)

Original publisher: [Read original article](<https://zed.dev/blog/zed-weekly-19>)

Author: Nathan Sobo

Published: 2023-09-11T00:00:00Z

Content type: article

Language: en

Sources: [Zed Industries - Blog](<https://devfeed.tech/sources/zed-industries-blog.md>)

Topics: [Graphs](<https://devfeed.tech/topics/graphs.md>), [Refactoring](<https://devfeed.tech/topics/refactoring.md>), [Rust](<https://devfeed.tech/topics/rust.md>), [ui](<https://devfeed.tech/topics/ui.md>), [AI search](<https://devfeed.tech/topics/ai-search.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Vim](<https://devfeed.tech/topics/vim.md>)

Tags: [feature](<https://devfeed.tech/tags/feature.md>), [graph](<https://devfeed.tech/tags/graph.md>), [interfaces](<https://devfeed.tech/tags/interfaces.md>), [palette](<https://devfeed.tech/tags/palette.md>), [refactoring](<https://devfeed.tech/tags/refactoring.md>), [retrieval](<https://devfeed.tech/tags/retrieval.md>), [rust](<https://devfeed.tech/tags/rust.md>), [search](<https://devfeed.tech/tags/search.md>), [vim](<https://devfeed.tech/tags/vim.md>), [weekly](<https://devfeed.tech/tags/weekly.md>)

### AI overview

Zed Weekly #19 reports progress on converting channel trees into a directed acyclic graph to support move, link, and unlink commands. It also covers GPUI layout and styling work, Rust UI development, Prettier integration, Vim emulation, keyboard shortcut improvements, inlay hint fixes, and semantic index reliability and retrieval experiments.

### Source excerpt

DAG dangers, core feature improvements, and optimizing our semantic search

## This Week at Zed Industries: #16

DevFeed: [This Week at Zed Industries: #16](<https://devfeed.tech/articles/this-week-at-zed-industries-16-13551.md>)

Original publisher: [Read original article](<https://zed.dev/blog/this-week-at-zed-16>)

Author: Nathan Sobo

Published: 2023-08-18T00:00:00Z

Content type: article

Language: en

Sources: [Zed Industries - Blog](<https://devfeed.tech/sources/zed-industries-blog.md>)

Topics: [Open Source](<https://devfeed.tech/topics/open-source.md>), [Development](<https://devfeed.tech/topics/development.md>), [AI search](<https://devfeed.tech/topics/ai-search.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [ui](<https://devfeed.tech/topics/ui.md>), [GPU](<https://devfeed.tech/topics/gpu.md>), [LLMs](<https://devfeed.tech/topics/llms.md>)

Tags: [development](<https://devfeed.tech/tags/development.md>), [gpu](<https://devfeed.tech/tags/gpu.md>), [llms](<https://devfeed.tech/tags/llms.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [optimization](<https://devfeed.tech/tags/optimization.md>), [search](<https://devfeed.tech/tags/search.md>), [ui](<https://devfeed.tech/tags/ui.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

This weekly update from Zed Industries covers progress toward open sourcing Zed, including internal use of a new channels feature for collaborative editing, audio, and screen sharing. It also discusses GPUI layout and documentation work, an updated Search UI, local cross-encoder experiments with GPU acceleration on Mac, semantic search optimization, and planned first-class Prettier support.

### Source excerpt

An update on our open source plans

## What's new in Svelte: August 2023

DevFeed: [What's new in Svelte: August 2023](<https://devfeed.tech/articles/what-s-new-in-svelte-august-2023-3064.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-august-2023>)

Author: Dani Sandoval

Published: 2023-08-01T00:00:00Z

Content type: release

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [changelog](<https://devfeed.tech/topics/changelog.md>), [API](<https://devfeed.tech/topics/api.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Chrome extension](<https://devfeed.tech/topics/chrome-extension.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [GitLab](<https://devfeed.tech/topics/gitlab.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [api](<https://devfeed.tech/tags/api.md>), [changelog](<https://devfeed.tech/tags/changelog.md>), [chrome-extension](<https://devfeed.tech/tags/chrome-extension.md>), [features](<https://devfeed.tech/tags/features.md>), [github](<https://devfeed.tech/tags/github.md>), [gitlab](<https://devfeed.tech/tags/gitlab.md>), [json](<https://devfeed.tech/tags/json.md>), [openai](<https://devfeed.tech/tags/openai.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [whisper](<https://devfeed.tech/tags/whisper.md>)

### AI overview

This August 2023 update covers new features, bug fixes, and performance updates in Svelte, SvelteKit, and Svelte language tools. It highlights custom element customization, the HEAD server method in API routes, caching of responses with Vary headers, improved preview errors, Prettier v3 support, and workspace trust settings. It also showcases products and side projects built with Svelte.

### Source excerpt

Some sweet new features have dropped in both Svelte and SvelteKit, this month. It's also great to see how many products and side projects have launched using Svelte as their core technology! More on all that down below... What's new in Svelte & Language Tools There's been a bunch of minor bugfixes since the Svelte 4 release. You can find them in the CHANGELOG. The 4.1.0 release added the ability to further customize the custom element class that wraps the underlying Svelte component. Check out the Custom Elements API docs or the PR for more info! In addition to supporting SvelteKit's new HEAD server method, Svelte's language tools now support Prettier v3 (extensions-107.9.0) and workspace trust settings are now used to support all settings in workspace (extensions-107.8.0). What's new in SvelteKit The HEAD server method is now available in API routes (1.22.0, Docs, #9753) Responses with Vary headers are now cached, too (except for Vary: *) (1.22.0, Docs, #9993) There's now a more helpful error for preview if SvelteKit's build output doesn't exist (1.22.2, #10337) For all the patches and performance updates from this month, check out the SvelteKit CHANGELOG. You can also find adapter-specific CHANGELOGs in each of the adapter directories. Community ShowcaseApps & Sites built with Svelte GitLight brings GitHub & GitLab notifications to your desktop Days is paprikka's life in days, inspired by Buster Benson's Life in Weeks Mofi is a content-aware fill and trim for music JSON Bucket stores your JSON data so you can access it anywhere through generated API routes Soggy Planet is an interactive map of Earth where sea levels rise and fall and the lights of civilization shine through the night (Source) PaperClip is a Chrome extension that makes it easy to memorize details from papers in machine learning, computer vision, and natural language processing. Maktaba is a bookmark manager that "you will actually use" Whispering is a Chrome extension that lets you access OpenAI's

## Presenting @trivago/prettier-plugin-sort-imports

DevFeed: [Presenting @trivago/prettier-plugin-sort-imports](<https://devfeed.tech/articles/presenting-trivago-prettier-plugin-sort-imports-28016.md>)

Original publisher: [Read original article](<https://tech.trivago.com/post/2021-12-17-aprettierpluginthatsortsyourimports/>)

Author: Ayush Sharma Software Engineer; Learner; Open Source Enthusiast Follow

Published: 2021-12-17T00:00:00Z

Content type: tutorial

Language: en

Sources: [Trivago](<https://devfeed.tech/sources/trivago.md>)

Topics: [Prettier](<https://devfeed.tech/topics/prettier.md>), [import](<https://devfeed.tech/topics/import.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [modules](<https://devfeed.tech/topics/modules.md>), [formatting](<https://devfeed.tech/topics/formatting.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [formatting](<https://devfeed.tech/tags/formatting.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [import](<https://devfeed.tech/tags/import.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [modules](<https://devfeed.tech/tags/modules.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

### AI overview

trivago released @trivago/prettier-plugin-sort-imports, a Prettier plugin that sorts TypeScript and JavaScript import declarations according to a configured order. The article explains its motivation, configuration, and handling of third-party and local modules.

### Source excerpt

I'm happy to share that trivago has released a Prettier plugin which sorts import declarations in TypeSCript and JavaScript modules for a given configured order. Throughout this article, I'll explain to you the motivation behind this Prettier plugin and how it works in detail.

## What's new in Svelte: March 2021

DevFeed: [What's new in Svelte: March 2021](<https://devfeed.tech/articles/what-s-new-in-svelte-march-2021-3098.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-march-2021>)

Author: Dani Sandoval

Published: 2021-03-01T00:00:00Z

Content type: news

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [releases](<https://devfeed.tech/topics/releases.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Web Components](<https://devfeed.tech/topics/web-components.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [components](<https://devfeed.tech/tags/components.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [releases](<https://devfeed.tech/tags/releases.md>), [ssr](<https://devfeed.tech/tags/ssr.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [tools](<https://devfeed.tech/tags/tools.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

A March 2021 update covering releases across the Svelte ecosystem, including Svelte core, language tools, plugins, preprocessors, and Sapper. It highlights improvements to SSR stores, actions, compiler namespaces and CSS scoping, TypeScript definitions, editor tooling, parsing, and related ecosystem packages.

### Source excerpt

Lots to cover this month with releases from across the Svelte ecosystem. Most importantly, Svelte Summit Spring 2021 has an Open Call for Speakers. The deadline is March 14 so if you have an idea for a talk, submit it now! Let's dive into the news 🐬 What's new in sveltejs/svelte SSR store handling has been reworked to subscribe and unsubscribe as in DOM mode. SSR stores should work much more consistently now (3.31.2, see custom stores and Server-side component API ) Multiple instances of the same action are now allowed on an element (3.32.0, example) The new foreign namespace should make it easier for alternative compile targets (like Svelte Native and SvelteGUI) by disabling certain HTML5-specific behaviour and checks (3.32.0, more info) Support for inline comment sourcemaps in code from preprocessors (3.32.0) Destructured defaults are now allowed to refer to other variables (3.33.0, example) Custom elements will now call onMount functions when connecting and clean up when disconnecting (3.33.0, checkout this PR for an interesting conversation on how folks are using Svelte with Web Components) A cssHash option has been added to the compiler options to control the classname used for CSS scoping (3.34.0, docs) Continued improvement to TypeScript definitions For a complete list of changes, including bug fixes and links to PRs, check out the CHANGELOG New from sveltejs/language-tools For language server clients that don't support didChangeWatchedFiles, a fallback file watcher will be used instead New highlighting rules for store accessors and element directives (like bind: and class:) HTML tags can now be renamed together Mustache tags parsing is now more robust and will provide better intellisense in more situations Haven't tried the language-tools yet? Check out Svelte Extension for VSCode or find a plugin for your favorite IDE! Other changes from sveltejs/* eslint-plugin-svelte3 now supports TypeScript as of 3.1.0 prettier-plugin-svelte released a number of minor ve

## 6 Reasons Why I Started This Blog

DevFeed: [6 Reasons Why I Started This Blog](<https://devfeed.tech/articles/6-reasons-why-i-started-this-blog-35046.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/6-reasons-why-i-started-this-blog/>)

Published: 2020-06-12T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Programming](<https://devfeed.tech/topics/programming.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [React](<https://devfeed.tech/topics/react.md>), [Svelte](<https://devfeed.tech/topics/svelte.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [code-quality-tools](<https://devfeed.tech/tags/code-quality-tools.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [programming](<https://devfeed.tech/tags/programming.md>), [react](<https://devfeed.tech/tags/react.md>)

### AI overview

The author explains why they started the blog: to share ideas, experiences, and unconventional knowledge. Planned coverage includes programming, JavaScript frameworks, code quality tools, productivity, software recommendations, and other varied topics.

### Source excerpt

In contrast to blogs who focus on a single topic, I want to write about and cover these topics in depth.

## The First Prettier Plugin For Twig is Here

DevFeed: [The First Prettier Plugin For Twig is Here](<https://devfeed.tech/articles/the-first-prettier-plugin-for-twig-is-here-27988.md>)

Original publisher: [Read original article](<https://tech.trivago.com/post/2020-03-10-thefirstprettierpluginfortwigishere/>)

Author: Tom Bartel

Published: 2020-03-10T00:00:00Z

Content type: article

Language: en

Sources: [Trivago](<https://devfeed.tech/sources/trivago.md>)

Topics: [Prettier](<https://devfeed.tech/topics/prettier.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [PHP](<https://devfeed.tech/topics/php.md>), [Symfony](<https://devfeed.tech/topics/symfony.md>), [Front end](<https://devfeed.tech/topics/frontend.md>)

Tags: [apache](<https://devfeed.tech/tags/apache.md>), [code-reviews](<https://devfeed.tech/tags/code-reviews.md>), [cognitive-load](<https://devfeed.tech/tags/cognitive-load.md>), [formatting](<https://devfeed.tech/tags/formatting.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [php](<https://devfeed.tech/tags/php.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [symfony](<https://devfeed.tech/tags/symfony.md>)

### AI overview

trivago open sourced a Prettier plugin for the Twig template language under the Apache 2.0 license. The article explains that the plugin formats Twig templates consistently and is being used in trivago's core product, reducing manual formatting and related code-review discussion.

### Source excerpt

trivago open sourced a Prettier plugin for the Twig template language. It is available under the Apache 2.0 license, and you can access it on trivago's Github space.The trivago core p...

## Prettier adds support for formatting GraphQL

DevFeed: [Prettier adds support for formatting GraphQL](<https://devfeed.tech/articles/graphql-just-got-a-whole-lot-prettier-23332.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/graphql-just-got-a-whole-lot-prettier-7701d4675f42>)

Author: Jon Wong

Published: 2017-06-28T18:34:40Z

Content type: release

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [Prettier](<https://devfeed.tech/topics/prettier.md>), [Code](<https://devfeed.tech/topics/code.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>)

Tags: [announcement](<https://devfeed.tech/tags/announcement.md>), [code](<https://devfeed.tech/tags/code.md>), [formatting](<https://devfeed.tech/tags/formatting.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [release](<https://devfeed.tech/tags/release.md>)

### AI overview

Prettier adds GraphQL formatting support, including options for line width, commas, multiline argument lists, and GraphQL queries embedded in JavaScript. The article describes how developers collaborated to implement and launch the support, while noting that further improvements and edge-case fixes are expected.

### Source excerpt

We've all seen the hype train (and a lot of us are on it!) and while it began as an opinionated code formatter for JavaScript, it has quickly grown to take on other languages like Flow, Typescript, and CSS. As of , it now supports one of my favorites, GraphQL!