feat(docs): add devtools setup example for react+vite projects #2332

ahme-dev · 2024-01-08T20:49:39Z

Summary

Essentially adds another example for the setup of Jotai Devtools in a React project (with Vite). More convenient than searching for it, like in my case.

vercel · 2024-01-08T20:49:44Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
jotai	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 12, 2024 11:23am

codesandbox-ci · 2024-01-08T20:50:09Z

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1eb8a6a:

Sandbox	Source
React	Configuration
React TypeScript	Configuration
React Browserify	Configuration
React Snowpack	Configuration
Next.js	Configuration
Next.js with custom Babel config	Configuration
React with custom Babel config	Configuration

ahme-dev · 2024-01-09T05:51:15Z

Prettier seems to run fine locally, not sure about the issue here.

dai-shi · 2024-01-09T10:40:27Z

It's docs/tools/devtools.mdx. Try running yarn run prettier please.

dai-shi

@Thisen What do you think? Should we recommend the preset?

Thisen

I think it's good 👍🏼

dai-shi · 2024-01-12T01:23:58Z

docs/tools/devtools.mdx

+        plugins: [
+          'jotai/babel/plugin-debug-label',
+          'jotai/babel/plugin-react-refresh',
+        ],


Hi, thanks for the suggestion.
Can you try jotai/babel/preset instead? I think it's the way we recommend using the plugins.

Hello, @dai-shi. I took it from the other example but sure.

Maybe we should fix the other example too??

dai-shi · 2024-01-12T06:49:49Z

docs/tools/devtools.mdx

+  plugins: [
+    react({
+      babel: {
+        plugins: [


Isn't it presets instead of plugins? Does it work with this?

No, my bad. Not familiar at all with babel. Fixed it now

…sets

docs/tools/devtools.mdx

Co-authored-by: Daishi Kato <dai-shi@users.noreply.github.com>

dai-shi

Thanks for your contribution!

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [jotai](https://togithub.com/pmndrs/jotai) | [`^2.6.0` -> `^2.6.4`](https://renovatebot.com/diffs/npm/jotai/2.6.0/2.6.4) | [![age](https://developer.mend.io/api/mc/badges/age/npm/jotai/2.6.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/jotai/2.6.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/jotai/2.6.0/2.6.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/jotai/2.6.0/2.6.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>pmndrs/jotai (jotai)</summary> ### [`v2.6.4`](https://togithub.com/pmndrs/jotai/releases/tag/v2.6.4) [Compare Source](https://togithub.com/pmndrs/jotai/compare/v2.6.3...v2.6.4) Performance improvement! Check it out! ##### What's Changed - refactor: refactoring store and options type by [@ssi02014](https://togithub.com/ssi02014) in [pmndrs/jotai#2360 - refactor: modified Args type by [@ssi02014](https://togithub.com/ssi02014) in [pmndrs/jotai#2367 - Improve performance of recomputeDependents by [@samkline](https://togithub.com/samkline) in [pmndrs/jotai#2363 - fix(vanilla): fix unexpected cache in jotai-scope by [@yf-yang](https://togithub.com/yf-yang) in [pmndrs/jotai#2371 ##### New Contributors - [@ssi02014](https://togithub.com/ssi02014) made their first contribution in [pmndrs/jotai#2360 - [@samkline](https://togithub.com/samkline) made their first contribution in [pmndrs/jotai#2363 - [@yf-yang](https://togithub.com/yf-yang) made their first contribution in [pmndrs/jotai#2371 **Full Changelog**: pmndrs/jotai@v2.6.3...v2.6.4 ### [`v2.6.3`](https://togithub.com/pmndrs/jotai/releases/tag/v2.6.3) [Compare Source](https://togithub.com/pmndrs/jotai/compare/v2.6.2...v2.6.3) Some improvements in core and utils 👏 #### What's Changed - fix: atoms should not remount on recalculations (with async dependencies) by [@dmaskasky](https://togithub.com/dmaskasky) in [pmndrs/jotai#2347 - fix(utils): atomWithReducer for jotai-scope by [@dai-shi](https://togithub.com/dai-shi) in [pmndrs/jotai#2351 - fix(utils/atomWithStorage): defaultStorage with disabled local storage crashes on mount by [@benediktschlager](https://togithub.com/benediktschlager) in [pmndrs/jotai#2354 - feat(vanilla): customizable atom.unstable_is by [@dai-shi](https://togithub.com/dai-shi) in [pmndrs/jotai#2356 #### New Contributors - [@SpringHgui](https://togithub.com/SpringHgui) made their first contribution in [pmndrs/jotai#2320 - [@sakurawen](https://togithub.com/sakurawen) made their first contribution in [pmndrs/jotai#2358 - [@JoltCode](https://togithub.com/JoltCode) made their first contribution in [pmndrs/jotai#2357 - [@benediktschlager](https://togithub.com/benediktschlager) made their first contribution in [pmndrs/jotai#2354 **Full Changelog**: pmndrs/jotai@v2.6.2...v2.6.3 ### [`v2.6.2`](https://togithub.com/pmndrs/jotai/releases/tag/v2.6.2) [Compare Source](https://togithub.com/pmndrs/jotai/compare/v2.6.1...v2.6.2) Some improvements for atomWithStorage. Feedback is welcome. #### What's Changed - fix(vanilla): should mount once with atom creator atom by [@nogaten](https://togithub.com/nogaten) in [pmndrs/jotai#2319 - feat(utils): createJSONStrage options by [@dai-shi](https://togithub.com/dai-shi) in [pmndrs/jotai#2324 - feat(utils): add withStorageValidator by [@dai-shi](https://togithub.com/dai-shi) in [pmndrs/jotai#2336 #### New Contributors - [@L-Qun](https://togithub.com/L-Qun) made their first contribution in [pmndrs/jotai#2318 - [@ahme-dev](https://togithub.com/ahme-dev) made their first contribution in [pmndrs/jotai#2332 - [@nogaten](https://togithub.com/nogaten) made their first contribution in [pmndrs/jotai#2319 **Full Changelog**: pmndrs/jotai@v2.6.1...v2.6.2 ### [`v2.6.1`](https://togithub.com/pmndrs/jotai/releases/tag/v2.6.1) [Compare Source](https://togithub.com/pmndrs/jotai/compare/v2.6.0...v2.6.1) This version has two minor improvements for library authors. It's wonderful to see Jotai ecosystem growing. No major bugs have been reported lately. It's fairly okay to say the current version is pretty stable. #### What's Changed - fix(utils): add init property to the return type of atomWithReset by [@jaesoekjjang](https://togithub.com/jaesoekjjang) in [pmndrs/jotai#2304 - fix(utils): add description for the RESET symbol. by [@MiroslavPetrik](https://togithub.com/MiroslavPetrik) in [pmndrs/jotai#2307 #### New Contributors - [@wherehows](https://togithub.com/wherehows) made their first contribution in [pmndrs/jotai#2270 - [@benson00077](https://togithub.com/benson00077) made their first contribution in [pmndrs/jotai#2284 - [@ioExpander](https://togithub.com/ioExpander) made their first contribution in [pmndrs/jotai#2280 - [@jaesoekjjang](https://togithub.com/jaesoekjjang) made their first contribution in [pmndrs/jotai#2304 **Full Changelog**: pmndrs/jotai@v2.6.0...v2.6.1 </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/likec4/likec4).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

feat(docs): add example for react projects

7006a64

vercel bot deployed to Preview January 8, 2024 20:50 View deployment

dai-shi reviewed Jan 9, 2024

View reviewed changes

Merge branch 'main' into patch-1

14db2ef

vercel bot deployed to Preview January 11, 2024 11:18 View deployment

chore: run prettier on devtools file

50789ea

vercel bot deployed to Preview January 11, 2024 11:23 View deployment

Thisen approved these changes Jan 11, 2024

View reviewed changes

himself65 approved these changes Jan 11, 2024

View reviewed changes

dai-shi requested changes Jan 12, 2024

View reviewed changes

refactor: replace plugins with preset

de8efd5

vercel bot deployed to Preview January 12, 2024 06:43 View deployment

dai-shi reviewed Jan 12, 2024

View reviewed changes

fix: usage of plugins with preset and update other example to use pre…

248f590

…sets

vercel bot deployed to Preview January 12, 2024 07:12 View deployment

dai-shi reviewed Jan 12, 2024

View reviewed changes

docs/tools/devtools.mdx Show resolved Hide resolved

chore: re-add comments for plugins

fbaa084

Co-authored-by: Daishi Kato <dai-shi@users.noreply.github.com>

vercel bot deployed to Preview January 12, 2024 11:22 View deployment

chore: run formatter on file

1eb8a6a

vercel bot deployed to Preview January 12, 2024 11:23 View deployment

dai-shi approved these changes Jan 12, 2024

View reviewed changes

dai-shi merged commit 2d76092 into pmndrs:main Jan 12, 2024
33 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(docs): add devtools setup example for react+vite projects #2332

feat(docs): add devtools setup example for react+vite projects #2332

ahme-dev commented Jan 8, 2024

vercel bot commented Jan 8, 2024 •

edited

codesandbox-ci bot commented Jan 8, 2024 •

edited

ahme-dev commented Jan 9, 2024

dai-shi commented Jan 9, 2024

dai-shi left a comment

Thisen left a comment

dai-shi Jan 12, 2024

ahme-dev Jan 12, 2024

dai-shi Jan 12, 2024

ahme-dev Jan 12, 2024

dai-shi Jan 12, 2024

ahme-dev Jan 12, 2024

dai-shi left a comment

feat(docs): add devtools setup example for react+vite projects #2332

feat(docs): add devtools setup example for react+vite projects #2332

Conversation

ahme-dev commented Jan 8, 2024

Summary

vercel bot commented Jan 8, 2024 • edited

codesandbox-ci bot commented Jan 8, 2024 • edited

ahme-dev commented Jan 9, 2024

dai-shi commented Jan 9, 2024

dai-shi left a comment

Choose a reason for hiding this comment

Thisen left a comment

Choose a reason for hiding this comment

dai-shi Jan 12, 2024

Choose a reason for hiding this comment

ahme-dev Jan 12, 2024

Choose a reason for hiding this comment

dai-shi Jan 12, 2024

Choose a reason for hiding this comment

ahme-dev Jan 12, 2024

Choose a reason for hiding this comment

dai-shi Jan 12, 2024

Choose a reason for hiding this comment

ahme-dev Jan 12, 2024

Choose a reason for hiding this comment

dai-shi left a comment

Choose a reason for hiding this comment

vercel bot commented Jan 8, 2024 •

edited

codesandbox-ci bot commented Jan 8, 2024 •

edited