Eslint Plugin React Refresh Arnaudbarre. "Fast Refresh", also known as "hot reloading&
"Fast Refresh", also known as "hot reloading", is a feature in many modern bundlers. js requires this setup: { plugins: { 'react-refresh': reactRefresh ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 9 Star 194 ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 15 Star 225 eslint, eslint-plugin, react, react-refresh, fast refresh readme eslint-plugin-react-refresh Validate that your components can safely be updated with Fast Refresh. com/ArnaudBarre/eslint-plugin-react-refresh ArnaudBarre/eslint-plugin-react-refresh eslint-plugin-react-refresh / LICENSE 22 lines (17 loc) • 1. Is this ArnaudBarre commented Jan 20, 2025 as long as React component X is defined in a file that only exports React components, HMR will work, even if X is re-exported from a barrel file with {"_attachments":{},"_id":"eslint-plugin-react-refresh","_rev":"1096730-61f2a957d10b48a19c266ace","author":{"name":"Arnaud Barré","url":"https://github. ). Compare ArnaudBarre/eslint-plugin-react-refresh to other repositories "Fast Refresh", also known as "hot reloading", is a feature in many modern bundlers. {"maintainers":[{"name":"edssmvn","email":"arnaud. If you update some React component (s) on disk, then the See [Options](#options) to run on JS files. If you update some React component (s) on disk, then the bundler will know to update only the impacted parts of your p If you're using JSX inside `. Would it make sense to add one for Next. However, I have read that fast refresh works with components and hooks. (react-refresh/only-export ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 21 Star 314 ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 19 Star 311 ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 19 Star 289 ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 14 Star 217 The rule is enaled only in JSX/TSX files, so not exporting a function that matches React component naming ([A-Z][A-Za-z]+) there and exporting a constant that matches React ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 19 Star 271 ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 21 Star 313 ArnaudBarre / eslint-plugin-react-refresh Public Notifications Fork 15 Star 241 Security Actions ArnaudBarre / eslint-plugin-react-refresh Public Notifications Fork 9 Star 181 Code Issues Pull requests Security Insights ArnaudBarre / eslint-plugin-react-refresh Public Notifications Fork 9 Star 181 Code Issues Pull requests Security Insights ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 20 Star 312 ArnaudBarre / eslint-plugin-react-refresh Public Notifications You must be signed in to change notification settings Fork 19 Star 283 github. Explainer "Fast Refresh", also eslint-plugin-react-refresh Validate that your components can safely be updated with fast refresh. 1 kB 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Hello. jsx file that exports a custom context provider (component) PostsProvider and Validate that your components can safely be updated with Fast Refresh - ArnaudBarre/eslint-plugin-react-refresh {"_id":"eslint-plugin-react-refresh","_rev":"35-6d9241843e7a5a60a7786ca89d81e4b5","name":"eslint-plugin-react-refresh","dist ERROR(ESLint) Fast refresh only works when a file only exports components. e. Support the dependencies Support the repos that depend on this repository Top contributors ArnaudBarre 32 contributions DianaSuvorova 2 contributions adamschachne 1 contributions Given that ESLint 8 is officialy end-of-life and the only report (#56) didn't get likes, I'm going forward and documenting the expected minimum version from ESLin in the package JSON so View star history, watcher history, commit history and more for the ArnaudBarre/eslint-plugin-react-refresh repository. This should be enabled if the fast refresh implementation correctly handles this case (HMR when the constant doesn't change, propagate update to importers when the constant changes. barre72@gmail. "Fast Refresh", also known as "hot reloading", is a feature in many modern bundlers. . js? The reason being that Next. js` files (which I don't recommend because it forces you to configure every tool you use to switch the parser), you can still use the plugin by enabling this option. use PascalCase for components, camelCase for util functions). If you update some React component (s) on disk, then the bundler will know to update only the Validate that your components can safely be updated with Fast Refresh - Compare · ArnaudBarre/eslint-plugin-react-refresh I am using the latest Vite for building a React app in which I have a PostsContext. Use a new file to share constants or functions between components. This plugin triggers a warning when my file exports a component and a related hook. com"}],"keywords":["eslint","eslint-plugin","react","react-refresh","fast refresh"],"dist RepositoryStats indexes 681,116 repositories, of these ArnaudBarre/eslint-plugin-react-refresh is ranked #149,098 (78th percentile) for total stargazers, and #588,661 for total watchers. com Vite has its own config. ⚠️\n\nThe plugin relies on naming conventions (i.
