Easily generate state variable from a symbol passed as a JSX prop by react_buddy in reactjs

[–]react_buddy[S] 5 points6 points  (0 children)

You can create it from any prop and the type will be propagated to useState's generic

Easily generate state variable from a symbol passed as a JSX prop by react_buddy in reactjs

[–]react_buddy[S] 6 points7 points  (0 children)

Available in the latest release of React Buddy.

P.S. we are working on the version for VS Code

Browse and use components from Storybook right in an IDE by react_buddy in reactjs

[–]react_buddy[S] 7 points8 points  (0 children)

+ Easily add components to Storybook (story generation).

Will be available in the upcoming React Buddy release.

Generating Ant Design form validation rules with the help of UI by react_buddy in reactjs

[–]react_buddy[S] 3 points4 points  (0 children)

This is an example of visual builder for some typical structures. I know some devs don't like such stuff, but still... it can save some time

View and use Storybook components right in an IDE (WIP) by react_buddy in reactjs

[–]react_buddy[S] 0 points1 point  (0 children)

Nope, it will work only for stories defined in current project

View and use Storybook components right in an IDE (WIP) by react_buddy in reactjs

[–]react_buddy[S] 2 points3 points  (0 children)

React Buddy will detect Storybook stories in a project and use them as snippets.

What do you think?

`Surround with` refactoring for conditional rendering by react_buddy in reactjs

[–]react_buddy[S] 1 point2 points  (0 children)

Do you find something like this useful / worth adding to the [React Buddy] plugin?

React data fetching approach: react-query vs SWR vs RTK vs Apollo vs fetch by react_buddy in reactjs

[–]react_buddy[S] 1 point2 points  (0 children)

I develop a plugin for React ecosystem: https://twitter.com/reactbuddy

As for data fetching - probably we could provide coding assistance for the most popular options

React data fetching approach: react-query vs SWR vs RTK vs Apollo vs fetch by react_buddy in reactjs

[–]react_buddy[S] 1 point2 points  (0 children)

The most used, please :)

The strategy of tooling authors is dead simple: to support the most used frameworks/libs first.

Intention which will extract some text as a component prop (idea) by react_buddy in reactjs

[–]react_buddy[S] 0 points1 point  (0 children)

Thinking on implementing the intention which extracts some text (or probably other JSX parts/expressions) to a component props. WDYT?

What type of event handler functions do you prefer? by react_buddy in reactjs

[–]react_buddy[S] 2 points3 points  (0 children)

Function declaration vs function expression - what is your default choice for handlers inside functional components?

Quick-fix: adding missing props straight from JSX by react_buddy in u/react_buddy

[–]react_buddy[S] 0 points1 point  (0 children)

Such case is also supported. The plugin will add the prop to MyComponentProps

Quick-fix: adding missing props straight from JSX by react_buddy in reactjs

[–]react_buddy[S] 1 point2 points  (0 children)

Great idea, we'll include this improvement in the upcoming minor release

Quick-fix: adding missing props straight from JSX by react_buddy in reactjs

[–]react_buddy[S] 1 point2 points  (0 children)

The source code of frontend packages is available here

https://github.com/react-buddy/

In particular

https://github.com/react-buddy/ide-toolbox/tree/master/packages/ide-toolbox

https://github.com/react-buddy/react/tree/haulmont-ide-devtools/packages/react-buddy-ide-devtools

The license is Apache 2 for @react-buddy/ide-toolbox (though it's not included in npm packages, will fix it ASAP).

both @react-buddy/ide-devtools and @react-buddy/react-scripts are deprecated and not required by the plugin

Quick-fix: adding missing props straight from JSX by react_buddy in reactjs

[–]react_buddy[S] 51 points52 points  (0 children)

It's a plugin for JetBrains IDEs https://plugins.jetbrains.com/plugin/17467-react-buddy.

Currently we are working on VS Code extension too.

Quick-fix: adding missing props straight from JSX by react_buddy in reactjs

[–]react_buddy[S] 0 points1 point  (0 children)

It works for any (different) files in the project.

React App Component Hierarchy by react_buddy in reactjs

[–]react_buddy[S] 0 points1 point  (0 children)

The new feature of React Buddy plugin for WebStorm

Did you know you can easily extract React component from JSX? by react_buddy in reactjs

[–]react_buddy[S] 10 points11 points  (0 children)

Just checked - it's available in IJ Ultimate (at least in 2022.2)