v18.1.0

Compare Source

React DOM

• Fix the false positive warning about react-dom/client when using UMD bundle. (@​alireza-molaee in #​24274)
• Fix suppressHydrationWarning to work in production too. (@​gaearon in #​24271)
• Fix componentWillUnmount firing twice inside of Suspense. (@​acdlite in #​24308)
• Fix some transition updates being ignored. (@​acdlite in #​24353)
• Fix useDeferredValue causing an infinite loop when passed an unmemoized value. (@​acdlite in #​24247)
• Fix throttling of revealing Suspense fallbacks. (@​sunderls in #​24253)
• Fix an inconsistency in whether the props object is the same between renders. (@​Andarist and @​acdlite in #​24421)
• Fix a missing warning about a setState loop in useEffect. (@​gaearon in #​24298)
• Fix a spurious hydration error. (@​gnoff in #​24404)
• Warn when calling setState in useInsertionEffect. (@​gaearon in #​24295)
• Ensure the reason for hydration errors is always displayed. (@​gaearon in #​24276)

React DOM Server

• Fix escaping for the bootstrapScriptContent contents. (@​gnoff in #​24385)
• Significantly improve performance of renderToPipeableStream. (@​gnoff in #​24291)

ESLint Plugin: React Hooks

• Fix false positive errors with a large number of branches. (@​scyron6 in #​24287)
• Don't consider a known dependency stable when the variable is reassigned. (@​afzalsayed96 in #​24343)

Use Subscription

• Replace the implementation with the use-sync-external-store shim. (@​gaearon in #​24289)

v18.0.0

Compare Source

Below is a list of all new features, APIs, deprecations, and breaking changes. Read React 18 release post and React 18 upgrade guide for more information.

New Features

React

• useId is a new hook for generating unique IDs on both the client and server, while avoiding hydration mismatches. It is primarily useful for component libraries integrating with accessibility APIs that require unique IDs. This solves an issue that already exists in React 17 and below, but it’s even more important in React 18 because of how the new streaming server renderer delivers HTML out-of-order.
• startTransition and useTransition let you mark some state updates as not urgent. Other state updates are considered urgent by default. React will allow urgent state updates (for example, updating a text input) to interrupt non-urgent state updates (for example, rendering a list of search results).
• useDeferredValue lets you defer re-rendering a non-urgent part of the tree. It is similar to debouncing, but has a few advantages compared to it. There is no fixed time delay, so React will attempt the deferred render right after the first render is reflected on the screen. The deferred render is interruptible and doesn't block user input.
• useSyncExternalStore is a new hook that allows external stores to support concurrent reads by forcing updates to the store to be synchronous. It removes the need for useEffect when implementing subscriptions to external data sources, and is recommended for any library that integrates with state external to React.
• useInsertionEffect is a new hook that allows CSS-in-JS libraries to address performance issues of injecting styles in render. Unless you’ve already built a CSS-in-JS library we don’t expect you to ever use this. This hook will run after the DOM is mutated, but before layout effects read the new layout. This solves an issue that already exists in React 17 and below, but is even more important in React 18 because React yields to the browser during concurrent rendering, giving it a chance to recalculate layout.

React DOM Client

These new APIs are now exported from react-dom/client:

• createRoot: New method to create a root to render or unmount. Use it instead of ReactDOM.render. New features in React 18 don't work without it.
• hydrateRoot: New method to hydrate a server rendered application. Use it instead of ReactDOM.hydrate in conjunction with the new React DOM Server APIs. New features in React 18 don't work without it.

Both createRoot and hydrateRoot accept a new option called onRecoverableError in case you want to be notified when React recovers from errors during rendering or hydration for logging. By default, React will use reportError, or console.error in the older browsers.

React DOM Server

These new APIs are now exported from react-dom/server and have full support for streaming Suspense on the server:

• renderToPipeableStream: for streaming in Node environments.
• renderToReadableStream: for modern edge runtime environments, such as Deno and Cloudflare workers.

The existing renderToString method keeps working but is discouraged.

v0.12.0

Compare Source

• Feature: output commonjs, es module, and umd file types.
• Feature: add support for react 18 #​464

v4.6.4

Compare Source

This release includes a bug fix for text formatting on certain ranges, which was impacting Visual Studio users.

For the complete list of fixed issues, check out the

• fixed issues query for Typescript 4.6.0 (Beta).
• fixed issues query for Typescript 4.6.1 (RC).
• fixed issues query for Typescript 4.6.2 (Stable).
• fixed issues query for Typescript 4.6.3 (Stable).
• fixed issues query for Typescript 4.6.4 (Stable).

Downloads are available on:

• npm
• Visual Studio 2022/2019 (Select new version in project options)
• NuGet package

v4.6.3

Compare Source

This release includes fixes for

• an incremental parsing bug caused by faulty error recovery logic
• improved results from the TypeScript API's preProcessFile function

For the complete list of fixed issues, check out the

• fixed issues query for Typescript 4.6.0 (Beta).
• fixed issues query for Typescript 4.6.1 (RC).
• fixed issues query for Typescript 4.6.2 (Stable).
• fixed issues query for Typescript 4.6.3 (Stable).

Downloads are available on:

• npm

v4.6.2

Compare Source

For release notes, check out the release announcement.

For the complete list of fixed issues, check out the

• fixed issues query for Typescript 4.6.0 (Beta).
• fixed issues query for Typescript 4.6.1 (RC).
• fixed issues query for Typescript 4.6.2 (Stable).

Downloads are available on:

• npm
• Visual Studio 2022/2019 (Select new version in project options)
• NuGet package

v4.5.5

Compare Source

This patch release includes a number of fixes to language service crashes and assertion violations, along with improvements to JSX attribute snippets.

For the complete list of fixed issues, check out the

• fixed issues query for Typescript 4.5.0 (Beta).
• fixed issues query for Typescript 4.5.1 (RC).
• fixed issues query for Typescript 4.5.2 (Stable).
• fixed issues query for Typescript 4.5.3 (Stable).
• fixed issues query for Typescript 4.5.4 (Stable).
• fixed issues query for Typescript 4.5.5 (Stable).

Downloads are available on:

• npm

v0.1.11

Compare Source

Changed

• Update prettier-plugin-svelte to v2.7.0 (#​77)

Fixed

• Fix sorting in Svelte :else blocks (#​79)

v8.4.14

Compare Source

• Print “old plugin API” warning only if plugin was used (by @​zardoy).

• Schedule: ["at any time"]
• Branch name: renovate/pin-dependencies
• Merge into: main
• Pin @fontsource/fira-code to 4.5.9
• Pin @fontsource/inter to 4.5.10
• Pin @walletconnect/web3-provider to 1.7.8
• Pin autoprefixer to 10.4.7
• Pin axios to 0.27.2
• Pin next-seo to 5.4.0
• Pin postcss to 8.4.13
• Pin prettier to 2.6.2
• Pin prettier-plugin-tailwindcss to 0.1.10
• Pin react to 17.0.2
• Pin react-dom to 17.0.2
• Pin react-hot-toast to 2.2.0
• Pin react-icons to 4.3.1
• Pin react-spinners to 0.11.0
• Pin recoil to 0.7.3-alpha.2
• Pin tailwindcss to 3.0.24

• Schedule: ["at any time"]
• Branch name: renovate/react-17.x
• Merge into: main
• Upgrade @types/react to 17.0.45

• Schedule: ["at any time"]
• Branch name: renovate/postcss-8.x
• Merge into: main
• Upgrade postcss to 8.4.14

• Schedule: ["at any time"]
• Branch name: renovate/prettier-plugin-tailwindcss-0.x
• Merge into: main
• Upgrade prettier-plugin-tailwindcss to 0.1.11

• Schedule: ["at any time"]
• Branch name: renovate/typescript-4.x
• Merge into: main
• Upgrade typescript to 4.6.4

• Schedule: ["at any time"]
• Branch name: renovate/react-spinners-0.x
• Merge into: main
• Upgrade react-spinners to 0.12.0

• Schedule: ["at any time"]
• Branch name: renovate/react-18.x
• Merge into: main
• Upgrade @types/react to 18.0.9

• Schedule: ["at any time"]
• Branch name: renovate/major-react-monorepo
• Merge into: main
• Upgrade react to 18.1.0
• Upgrade react-dom to 18.1.0

| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /public/bg.png | 1,998.68kb | 1,641.96kb | 17.85% | | /public/assets/logo.png | 206.98kb | 170.62kb | 17.57% | | /public/assets/og-image.png | 197.99kb | 186.75kb | 5.68% | | | | | | | Total : | 2,403.65kb | 1,999.33kb | 16.82% |

v0.1.13

Compare Source

Fixed

• Fix error when using Angular pipes (#​86)

v0.1.12

Compare Source

Added

• Add support for Glimmer / Handlebars (#​83)

v0.13.4

Compare Source

• bugfix: fix server side render issue on HashLoader

v0.13.3

Compare Source

• bugfix: Fix PuffLoader initial rendering issue

v0.13.2

Compare Source

• remove next version badge until needed

v0.13.1

Compare Source

• update homepage in package.json

v0.13.0

Compare Source

• Rewrite each loader from the ground up using functional components.
• Replaced @emotion with vanilla javascript and inline style to reduce component size by 75%. This project now have 0 dependencies, while continuing to support server side rendering.
• Added support for custom props such as aria-label
• renamed css prop to cssOverride to avoid type conflicts with css-in-js libraries.

v18.2.0

Compare Source

React DOM

• Provide a component stack as a second argument to onRecoverableError. (@​gnoff in #​24591)
• Fix hydrating into document causing a blank page on mismatch. (@​gnoff in #​24523)
• Fix false positive hydration errors with Suspense. (@​gnoff in #​24480 and @​acdlite in #​24532)
• Fix ignored setState in Safari when adding an iframe. (@​gaearon in #​24459)

React DOM Server

• Pass information about server errors to the client. (@​salazarm and @​gnoff in #​24551 and #​24591)
• Allow to provide a reason when aborting the HTML stream. (@​gnoff in #​24680)
• Eliminate extraneous text separators in the HTML where possible. (@​gnoff in #​24630)
• Disallow complex children inside <title> elements to match the browser constraints. (@​gnoff in #​24679)
• Fix buffering in some worker environments by explicitly setting highWaterMark to 0. (@​jplhomer in #​24641)

Server Components (Experimental)

• Add support for useId() inside Server Components. (@​gnoff) in #​24172

v2.7.1

Compare Source

diff

Keep useful empty lines in description (#​13013 by @​chimurai)

v2.7.0

Compare Source

""" First line Second Line """ type Person { name: String }

v3.1.8

Compare Source

Fixed

• Don’t prefix classes within reused arbitrary variants (#​8992)
• Fix usage of alpha values inside single-named colors that are functions (#​9008)
• Fix @apply of user utilities when negative and non-negative versions both exist (#​9027)

v3.1.7

Compare Source

Fixed

• Don't rewrite source maps for @layer rules (#​8971)

Added

• Added types for resolveConfig (#​8924)

v3.1.6

Compare Source

Fixed

• Fix usage on Node 12.x (b4e637e)
• Handle theme keys with slashes when using theme() in CSS (#​8831)

v3.1.5

Compare Source

Added

• Support configuring a default font-weight for each font size utility (#​8763)
• Add support for alpha values in safe list (#​8774)

Fixed

• Improve types to support fallback values in the CSS-in-JS syntax used in plugin APIs (#​8762)
• Support including tailwindcss and autoprefixer in postcss.config.js in standalone CLI (#​8769)
• Fix using special-characters as prefixes (#​8772)
• Don’t prefix classes used within arbitrary variants (#​8773)
• Add more explicit types for the default theme (#​8780)

v3.1.4

Compare Source

Fixed

• Provide default to <alpha-value> when using theme() (#​8652)
• Detect arbitrary variants with quotes (#​8687)
• Don’t add spaces around raw / that are preceded by numbers (#​8688)

v3.1.3

Compare Source

Fixed

• Fix extraction of multi-word utilities with arbitrary values and quotes (#​8604)
• Fix casing of import of corePluginList type definition (#​8587)
• Ignore PostCSS nodes returned by addVariant (#​8608)
• Fix missing spaces around arithmetic operators (#​8615)
• Detect alpha value in CSS theme() function when using quotes (#​8625)
• Fix "Maximum call stack size exceeded" bug (#​8636)
• Allow functions returning parallel variants to mutate the container (#​8622)
• Remove text opacity CSS variables from ::marker (#​8622)

v3.1.2

Compare Source

Fixed

• Ensure \ is a valid arbitrary variant token (#​8576)
• Enable postcss-import in the CLI by default in watch mode (#​8574, #​8580)

v3.1.1

Compare Source

Fixed

• Fix candidate extractor regression (#​8558)
• Split ::backdrop into separate defaults group (#​8567)
• Fix postcss plugin type (#​8564)
• Fix class detection in markdown code fences and slim templates (#​8569)

v3.1.0

Compare Source

Fixed

• Types: allow for arbitrary theme values (for 3rd party plugins) (#​7926)
• Don’t split vars with numbers in them inside arbitrary values (#​8091)
• Require matching prefix when detecting negatives (#​8121)
• Handle duplicate At Rules without children (#​8122)
• Allow arbitrary values with commas in @apply (#​8125)
• Fix intellisense for plugins with multiple @apply rules (#​8213)
• Improve type detection for arbitrary color values (#​8201)
• Support PostCSS config options in config file in CLI (#​8226)
• Remove default [hidden] style in preflight (#​8248)
• Only check selectors containing base apply candidates for circular dependencies (#​8222)
• Rewrite default class extractor (#​8204)
• Move important selector to the front when @apply-ing selector-modifying variants in custom utilities (#​8313)
• Error when registering an invalid custom variant (#​8345)
• Create tailwind.config.cjs file in ESM package when running init (#​8363)
• Fix matchVariants that use at-rules and placeholders (#​8392)
• Improve types of the tailwindcss/plugin (#​8400)
• Allow returning parallel variants from addVariant or matchVariant callback functions (#​8455)
• Try using local postcss installation first in the CLI (#​8270)
• Allow default ring color to be a function (#​7587)
• Don't inherit to value from parent gradients (#​8489)
• Remove process dependency from log functions (#​8530)
• Ensure we can use @import 'tailwindcss/...' without node_modules (#​8537)

Changed

• Only apply hover styles when supported (future) (#​8394)
• Respect default ring color opacity (future) (#​8448, 3f4005e)

Added

• Support PostCSS Document nodes (#​7291)
• Add text-start and text-end utilities (#​6656)
• Support customizing class name when using darkMode: 'class' (#​5800)
• Add --poll option to the CLI (#​7725)
• Add new border-spacing utilities (#​7102)
• Add enabled variant (#​7905)
• Add TypeScript types for the tailwind.config.js file (#​7891)
• Add backdrop variant (#​7924, #​8526)
• Add grid-flow-dense utility (#​8193)
• Add mix-blend-plus-lighter utility (#​8288)
• Add arbitrary variants (#​8299)
• Add experimental matchVariant API (#​8310, 34fd0fb8)
• Add prefers-contrast media query variants (#​8410)
• Add opacity support when referencing colors with theme function (#​8416)
• Add postcss-import support to the CLI (#​8437)
• Add optional variant (#​8486)
• Add <alpha-value> placeholder support for custom colors (#​8501)