#reusablereactcomponents 검색 결과

Andrew Baisden

@andrewbaisden

4 분

Simple React Setup Lightweight for smaller projects.

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber

. 9. 15.

We can't use React hooks conditionally But isn't it legit to do this in practice?

I enjoyed working with ui/@shadcn for the web so much that I created on a way to use it for my react-native projects. React-native-reusables uses ui/shadcn and radix-ui/primitives on the web and their equivalents for native. Give it a try 😁 github.com/mrzachnugent/r…

Evan You

@youyuxi

. 10. 14.

Same in Vue for reference / comparison: - main setup code runs once - no need for `useEffectEvent` (tbh I don't understand why the React example needs it) - no need to manually specify effect dependency - no need for separate handling of prop change / unmount branches (compared…

youyuxi's tweet image. Same in Vue for reference / comparison:

- main setup code runs once
- no need for `useEffectEvent` (tbh I don't understand why the React example needs it)
- no need to manually specify effect dependency
- no need for separate handling of prop change / unmount branches (compared…

Ricky

@rickhanlonii

. 10. 12.

ok bet: no wrapper, which is easier?

Brian kiplagat

@BitcoinDevKe

. 10. 28.

Been playing with @webflow Code Components — super fun way to bring real React UI into Designer. Wrote a guide + starter repo if you want to try it or fork it 🔥 Guide: briankip.hashnode.dev/how-to-create-… Repo: github.com/brian-kiplagat… Also thinking of adding more animated effects👀

Charles Chiemerie

@Chiemerie_04

18 시간

Day 59 of #60DaysLearningChallenge: Did a simple challenge on useReducer() - Used useContext to make the state global. - Saw how to set many states in one using the useReducer() instead of using so many useState(). _ Would unlock more usage tomorrow. #buildinginpublic #reactjs

Chiemerie_04's tweet image. Day 59 of #60DaysLearningChallenge: Did a simple challenge on useReducer()
- Used useContext to make the state global.
- Saw how to set many states in one using the useReducer() instead of using so many useState().
_ Would unlock more usage tomorrow.
#buildinginpublic #reactjs

Petar Ivanov

@petarivanovv9

. 10. 27.

If you want to better organize and design your React applications, check out these ten guidelines: 1/ Group components by Domain Responsibilities 2/ Put components into folders 3/ Favor Absolute Paths 4/ Use a common module 5/ Abstract external libraries and modules 6/…

Petar Ivanov

@petarivanovv9

. 10. 28.

If you want to learn how to design better React Components, learn about the Compound Components React Pattern. Good component design and clear component APIs are important for the application’s codebase health. The Compound Components pattern group relates UI pieces under one…

petarivanovv9's tweet image. If you want to learn how to design better React Components,
learn about the Compound Components React Pattern.

Good component design and clear component APIs are important for the application’s codebase health.

The Compound Components pattern group relates UI pieces under one…

freeCodeCamp.org

@freeCodeCamp

. 10. 28.

TanStack Start is a new full-stack framework for React that's an alternative to options like Next.js and Remix. And in this tutorial, @andrewbaisden walks you through how to get started with it. You'll use it to build a CRUD app along with TanStackDB and add RxDB integration,…

freeCodeCamp's tweet image. TanStack Start is a new full-stack framework for React that's an alternative to options like Next.js and Remix.

And in this tutorial, @andrewbaisden walks you through how to get started with it.

You'll use it to build a CRUD app along with TanStackDB and add RxDB integration,…

Sam ☕

@samirande_

. 10. 26.

Don't know what it's called but made this component with React and Tailwind in 1 hour

Dinesh Katariya.

@Thedineshk24

1 시간

If your team maintains an in-house component library, here’s something that can make it even better: The new #React Compiler can optimize shared UI components — but only when the library itself is compiled, not just the app using it. For more 👉 :react.dev/reference/reac…

Thedineshk24's tweet image. If your team maintains an in-house component library, here’s something that can make it even better:

The new #React Compiler can optimize shared UI components — but only when the library itself is compiled, not just the app using it.

For more 👉 :react.dev/reference/reac…

George Moller

@_georgemoller

2023. 12. 9.

⚛️ React Tip: Re-renders can be avoided by rethinking your component's structure and embracing composition ↓

Khushal

@khushaltwt

. 10. 26.

designer arc. built this component in reactjs using motion and tailwindcss. c-1

Virat aka xAtom

@xAtomTeam

20 시간

🚀 Hey @Webflow Devs! Want a CMS-powered slider with full design control using the Code Component? ⚡ Here are 2 handy React hooks you can clone right now: 1️⃣ Fetch site styles and apply them to your Code Component 2️⃣ Fetch CMS items and render them right inside your component…

xmcp

@xmcp_dev

. 10. 23.

you can now return @reactjs components directly in your tool handler shipping GPT apps keeps getting easier every day

freeCodeCamp.org

@freeCodeCamp

21 분

When you're designing web applications, you'll want to make them accessible to everyone. And in this guide, @grantdotdev discusses some helpful techniques to make your React apps accessible & user friendly. He covers error handling, using placeholders, fieldset and legend,…

freeCodeCamp's tweet image. When you're designing web applications, you'll want to make them accessible to everyone.

And in this guide, @grantdotdev discusses some helpful techniques to make your React apps accessible &amp; user friendly.

He covers error handling, using placeholders, fieldset and legend,…

Shalini Tewari

@maybeshalinii

2023. 9. 29.

DAY 5 of #20DaysOfReact Topics Covered : Hooks What are Hooks? Hooks in React are like special tools that make it easier for components (the building blocks of React applications) to do things like remembering information, doing tasks at the right time, and sharing data with…

maybeshalinii's tweet image. DAY 5 of #20DaysOfReact

Topics Covered :
Hooks

What are Hooks?
Hooks in React are like special tools that make it easier for components (the building blocks of React applications) to do things like remembering information, doing tasks at the right time, and sharing data with…

Caleb Yinusa

@calebyinusaa

. 6. 4.

Reusing your components and scalability. react.dev/learn/reusing-… @swyx #100DaysOfCode #ReusableReactComponents #ReactBestPractices #FrontendArchitecture

calebyinusaa's tweet card. The library for web and native user interfaces

Reusing Logic with Custom Hooks – React

출처: react.dev