Видео

mantap bang, meski saya bukan user tripay tapi paham ama penjelasan nya, semoga next ada versi PayDisini 😄

checkout my modal manager npm library rrlopez/overlay-manager

wasting of time

need your icon extension name 😂

Right before you showed zustand I was thinking, “this is where I love to use zustand”. It’s so much easier than react state and context or prop drilling. Haha cheers!

Cocok. Mantep banget tutorialnya bang

Amazing. I learn something new ❤

As new dev using react i already learn this by an Accident 😅😅😅

when I saw zustan, I thought "oh, finally a good solution for modal windows" ( by using global state management ), and then something went wrong. It's a terrible decision because of the useState. Since the problems described earlier were not solved. It is better to create a custom hook that will be responsible for displaying the modal

just use zustand and render the modal only once on the very root of the application.

Redux or React Context

🤔Then how to pass the selected data to the modal. Add useState again?

bro is comeback after 2 years as a different "person". mantap

Mobile friendly！subscribe

trigger is much more convenient - you're essentially back to the first use of the state

excuse me, what do you use for video animations? motioncanvas? if yes, could you hint how did you create hirarchy(tree) animation?

yo xccurate! switching career? didn't know you could code. Amazing tutorial dude!🔥

This is a very clean and nice video. I love the animations and editing of the video and the fact that you used a UI library for the Modal. Your video started out very nicely - correctly exposing the pitfalls of the way modals are created and handled in React components (whether in a SPA, SSR or SSR+RSC scenario) However, your final solution is worse because we are creating more boilerplate due to the use case of having multiple modals for perhaps multiple components on a page. There by increasing the amount of coupling between the logic of modal and that of the page. At least you would have created a custom hook like so: export const useModal = <T extends string | null>(defaultOpen = false) => { const [isOpen, setIsOpen] = useState<boolean>(defaultOpen); const [modalType, $setModalType] = useState<T | null>(null); return { isOpen, modalType, setIsOpen, setModalType: (modalType: T) => { setIsOpen(true); $setModalType(modalType) }} }; But even the above will eventually spiral out of control because to mange it minimally, you need a dictionary of modal types that map to modal body components like so: const modalBodyMap: Record<string, React.ComponentType> = { "edit": EditProductModal }; The video ended without you showing the Zustand way to manage all this which i believe is overkill. No one should require Zustand to manage just modals. Thankfully, i won't be following the ideas shared in this video As i have a superior way to manage all this.

Which Library is best for modals and notifications ?

Are you indonesian?

I don't know , how this happened , yesterday I was searchearing for same on Claude , but didn't got a convincing answer , and today our video was recommended to me .

What's that IDE? Looks nice

Bro your video are so in depth and so beautifully presented, I am a big fan just watching this video....big fan big fan big fan bro keep it up you are the best

bro which software or website u use to create this animation?

Mantap!

bro those animstions are crazy good

Nice

maaf mas subcriber baru, untuk minibooknya apakah masih bisa dapet gratis ?

Penjelasan sangat jelasssssssssss

Package pusher gratis kah?

bang itu keterangan yang muncul didalam function nama extensinya apa?

keren bang

Mantap bang terimakasih

Thnks banget bang ini yang namanya belajar efektif udah lelah meraba2 kalau otodidak, semenakutkan itu kebodohan

thank u sm kak penjelasannya

Laravel berapa bang?

buat laravel 10 untuk manggil controllernya gapake use ya bang?

makasih bang mudahh dipahami

bang buat tutoril lagi dong

kenapa saat saya intslllaravel echo dan pusher muncul seperti ini DELTA Computer@PETANI-BAJAKAN MINGW64 /h/xampp1/htdocs/sejiwa (master) $ npm install pusher-js laravel-echo npm WARN EBADENGINE Unsupported engine { npm WARN EBADENGINE package: 'echo@0.1.9', npm WARN EBADENGINE required: { node: '0.2.6' }, npm WARN EBADENGINE current: { node: 'v18.17.0', npm: '10.2.5' } npm WARN EBADENGINE } up to date, audited 77 packages in 5s 6 packages are looking for funding run `npm fund` for details 3 high severity vulnerabilities Some issues need review, and may require choosing a different dependency. Run `npm audit` for details.

kalo mau arahin ke folder public dengan folder yg sudah di sediakan gimana?

Terimakasih bg, tutorial nya sangat membantu sekali❤

Thankss bangg