React Buddy

@WebStormIDE / @intellijidea plugin boosting productivity using #reactjs stack

Discord:

[React Buddy @reactbuddy]

@anstarovoyt @AleksandrSl28 @yu_cherkashin https://t.co/kAGsXDvJtP

[React Buddy @reactbuddy]

Hey! Another neat feature of the @reactbuddy v23.1: easy generation of conditional rendering structures.
Here is the demo of the quick-fix which can be invoked on any #JSX element (Alt+Enter/⌥ ⏎). Look how beautifully it works in conjunction with state generation:

[Raphaël Moreau ⚡️ @rphlmr]

This @WebStormIDE plugin looks awesome 🤩
In particular the coding assistance!
I think I will subscribe again 🧐

https://t.co/NE3GVG22Rp

[React Buddy @reactbuddy]

@beemanik @WebStormIDE If there is an existing type alias we'll add prop into it. As for new: type vs interface - it's a valid question. Perhaps we may introduce a config option to specify the preferred approach.

[React Buddy @reactbuddy]

🚀 Quick fixes for #React prop/state creation are landed in @WebStormIDE! Again, it's not a copy-paste: now they utilize more precise type inference APIs and will be fully compatible with WebStorm's modernized TS engine. Try the latest EAP builds to explore:

[React Buddy @reactbuddy]

Hey buddies! The #JSX outline has mostly migrated to the standard Structure tool window: https://t.co/xBhBm7U9tI (apart from d'n'd support) and will be available in WebStorm 2024.1. We're considering hiding it from the editor floating panel. Any objections?

[React Buddy @reactbuddy]

Look 👀, it's not #JSX Outline, it's a standard Structure view in @WebStormIDE ! This isn't merely a copy-paste job; it's a deep rework. Visible changes include new icons. You can already try it in the latest 2024.1 EAP! https://t.co/CfTKzq2qf6

[React Buddy @reactbuddy]

Look 👀, it's not #JSX Outline, it's a standard Structure view in @WebStormIDE ! This isn't merely a copy-paste job; it's a deep rework. Visible changes include new icons. You can already try it in the latest 2024.1 EAP! https://t.co/CfTKzq2qf6

[React Buddy @reactbuddy]

In the #JSX structure, we're considering to inline vars destructured from🪝, rather than displaying them as separate nodes. WDYT?

[React Buddy @reactbuddy]

JSX Outline is on its way to the standard Structure tool window 🎉

[React Buddy @reactbuddy]

Hey buddies! @reactbuddy codebase has been merged into WebStorm! As a result, there will always be EAP-compatible builds available on the marketplace🎉. You can already try it in the latest EAP:
https://t.co/CfTKzq2qf6

[React Buddy @reactbuddy]

The @reactbuddy team has joined the #WebStorm team 🎉! We are starting to work on the transition plan and further development. We'll update you as soon as there is any news. Stay tuned!

[React Buddy @reactbuddy]

Hey buddies! Fantastic news here - we are happy to announce that @reactbuddy and @JPABuddy have been acquired by @JetBrains! Thanks for all your support and feedback - that was a thrilling journey to become one of the most loved and popular plugins for #React. The team will continue to deliver features for #React and other web technologies as part of the amazing JetBrains crew.
For a more detailed explanation, read the following blogpost: https://t.co/pOe44wsZSJ.

Stay tuned!

[React Buddy @reactbuddy]

Hey buddies! The new major release v2023.3 is available on the marketplace🎉. Apart from bug fixes and stability improvements it contains the following features:
* Test generation for React components (using testing-library/react)
* Support for custom URLs in the Preview
* Action to clone palette's elements
* Support static images in palette's component preview
As always, waiting for your feedback!

[React Buddy @reactbuddy]

Recently we released @reactbuddy v2023.2.5 which includes several bug-fixes and stability improvements! The version is already available in the marketplace.

[React Buddy @reactbuddy]

If you want to quickly generate useRef with the correct generic type use the quick-fix provided by @reactbuddy:

[React Buddy @reactbuddy]

Did you know you can configure @reactbuddy to generate handlers wrapped into useCallback by default? Notice that we place the hook according to the #react's rules of hooks:

[React Buddy @reactbuddy]

@reactbuddy v2023.2.3 is out! In this release we fixed a number of bugs related to the preview and coding assistance. Thanks for all your feedback in our Discord channel (https://t.co/Yjd2Ic1jCs). Stay tuned!

[React Buddy @reactbuddy]

Hey! In v23.2 we've added an ability to drag-and-drop components from the Storybook panel to the JSX Outline:

[React Buddy @reactbuddy]

Did you know that most built-in items in #React Palette are editable? You can customize them thanks to @intellijidea's live templates mechanism:

[React Buddy @reactbuddy]

Hey, @reactbuddy v2023.2.2 is out! Among bugfixes and improvements we released a version compatible with IntelliJ 2023.2 EAP

[React Buddy @reactbuddy]

Hey buddies! Since v23.2.1 @reactbuddy activates even if #React is added as a transitive dependency! BTW, did you know that @WebStormIDE displays such deps (which aren't listed directly in package.json) differently in the project view?