- 154
- 1 506 331
Darwin Tech
Canada
เข้าร่วมเมื่อ 29 เม.ย. 2019
I do tech and coding tutorials.
REACT JS PAGINATED TABLE TUTORIAL
In this video, I show you how to build a paginated table component in React JS using the TanStack React Table library.
Resources
code: github.com/NikValdez/React-paginated-table
Docs: tanstack.com/table/v8
Twitter: DarwinTutorials
Resources
code: github.com/NikValdez/React-paginated-table
Docs: tanstack.com/table/v8
Twitter: DarwinTutorials
มุมมอง: 1 716
วีดีโอ
React Drag and Drop List Sort Tutorial
มุมมอง 21Kปีที่แล้ว
In this video, I show you how you can build and drag and drop application that is able to be sorted. Resources code: github.com/NikValdez/react-drag-and-drop Twitter: DarwinTutorials
BUILD A NEXT JS CALENDAR APP
มุมมอง 23Kปีที่แล้ว
In this video, I build a Next JS Calendar application using React Full Calendar Typescript and Tailwind. Resources code: github.com/NikValdez/NextJSCalendarTut Next JS: nextjs.org/docs Full Calendar Library: fullcalendar.io/docs/react Tailwind: tailwindcss.com/ Headless UI: headlessui.com/ HeroIcons: heroicons.com/ timestamps: 00:00 - Intro 00:54 - setup 04:32 - calendar code 17:04 - drag and d...
Intro to React Native Animations
มุมมอง 380ปีที่แล้ว
In this video, I give an intro to React Native animations using the reanimated library. We create a breathing animation like you might see in a meditation app. code: github.com/NikValdez/react-native-animations-tut docs: docs.expo.dev/versions/v49.0.0/sdk/reanimated/
Fetching Data with NextJS 13
มุมมอง 737ปีที่แล้ว
In this NextJS tutorial, I show you how data fetching is done in NextJS 13. Docs: nextjs.org/docs/app/building-your-application/data-fetching timestamps: 00:00 - Intro 2:05 - How to fetch data Patreon: www.patreon.com/darwintech
Astro Google Analytics Tutorial For Beginners
มุมมอง 2Kปีที่แล้ว
In this video, I cover how you can add Google Analytics to your Astro websites. This same process will work for basically any other framework as well. Astro: astro.build/ Google Analytics: analytics.google.com/analytics/ PartyTown: partytown.builder.io/
HTML Modals with no JavaScript (New Popover API)
มุมมอง 4Kปีที่แล้ว
In this video, I cover the new popover API, which allows you to create modals and popovers in HTML without any javascript. Article: developer.chrome.com/blog/introducing-popover-api/
Typescript keyof typeof EXPLAINED!
มุมมอง 2.7Kปีที่แล้ว
In this video, I breakdown what keyof typeof is in Typescript and how you can use it in you codebase.
Build Your Own Audio Player in ReactJS | Step-by-Step Tutorial
มุมมอง 12Kปีที่แล้ว
In this video, I show you how to build a custom audio player in ReactJS. Code: github.com/NikValdez/audioPlayerTut
Jotai, State Management Replacement for React Context? (Tutorial)
มุมมอง 6Kปีที่แล้ว
In this video, I give an introduction to Jotai, a state mangement library for ReactJS. Docs: jotai.org/
Easily Transcribe Audio with Whisper AI and Python
มุมมอง 3.7Kปีที่แล้ว
In this video, I will show you how to effortlessly transcribe audio with Whisper AI and Python. We cover installation and run a simple transcription of a podcast.
Full Stack Authentication - Next Auth and T3 Stack
มุมมอง 12Kปีที่แล้ว
In this video, I show you how you can do full stack authentication using Next Auth and the T3 stack Resources T3Stack: create.t3.gg/ Next Auth: next-auth.js.org/getting-started/example Support Links: Patreon: www.patreon.com/darwintech Paypal: www.paypal.com/paypalme/nikco... BTC: 3LBFBajCqCbg58V4m8bsKombXk19dB1HC9 ETH: 0x356Ad45A88A4B59B2d5490351fcC050B237063b9
How to use React Native with Firebase
มุมมอง 6Kปีที่แล้ว
In this video, I show you how you can display, create and delete items in a real-time firebase database using react native and firestore. Resources code: github.com/NikValdez/RN-Firebase-Tut Expo: docs.expo.dev/ Firebase: firebase.google.com/ Timestamps: 0:00:00 Intro 0:01:05 Firebase setup 0:08:32 Display database items 0:17:02 Create an item 0:23:47 Delete an item Support Links: Patreon: www....
React Pass Functions to Children Components
มุมมอง 3.4K2 ปีที่แล้ว
React Pass Functions to Children Components
Use Tailwind In your React Native Projects
มุมมอง 4.4K2 ปีที่แล้ว
Use Tailwind In your React Native Projects
React Native Firebase Email Password Authentication
มุมมอง 41K2 ปีที่แล้ว
React Native Firebase Email Password Authentication
Fastest Way to Deploy a Full Stack Web App (Railway)
มุมมอง 57K2 ปีที่แล้ว
Fastest Way to Deploy a Full Stack Web App (Railway)
Javascript Drag and Drop (11 lines of code)
มุมมอง 22K2 ปีที่แล้ว
Javascript Drag and Drop (11 lines of code)
Best Resource to Learn Computer Science.
มุมมอง 4602 ปีที่แล้ว
Best Resource to Learn Computer Science.
React Typescript Typing Hooks (useState, useReducer)
มุมมอง 1.7K2 ปีที่แล้ว
React Typescript Typing Hooks (useState, useReducer)
React Typescript Typing Functions and Props
มุมมอง 3K2 ปีที่แล้ว
React Typescript Typing Functions and Props
Set Up Payments With NextJS and Stripe.
มุมมอง 27K2 ปีที่แล้ว
Set Up Payments With NextJS and Stripe.
Easily Deploy A NextJS Website With Vercel
มุมมอง 3732 ปีที่แล้ว
Easily Deploy A NextJS Website With Vercel
Data Fetching in Nuxt JS - asyncData vs fetch
มุมมอง 6K2 ปีที่แล้ว
Data Fetching in Nuxt JS - asyncData vs fetch
Ngrok, Access Your Local Machine From Anywhere.
มุมมอง 9802 ปีที่แล้ว
Ngrok, Access Your Local Machine From Anywhere.
How to connect it with google calendar if we want to ?
Holy cow, how does that just work?
Very useful!
clone people, how easy :D
its giving me error when i run the command npm start in last that "Permission denied by system" can you help me with that? thanks.
How can it be nested?
may i know whats your vscode font , it looks special
What is your theme in VSCode? Looks nice!
Can I export that as a presentation
I really would like to know HOW he created this lib in first place. I discovered it YESTERDAY he's behind it. I had no idea he was so good at programming besides being a beast in math. Dos someone have some idea how this was accomplished?
just awesome
Super easy to understand ❤
App deployed but no url wtf is this ??
great tutorial but the autofill is not working at my end
What the actual fuck is going on with these fonts
It didn’t work
`npm run dev` doesn't work for me. I get `sh: ts-node-dev: command not found`
Hi darwin how would u then make sure you send a request to the database
does not work, do not waste your time. You will get the below error unless the library fixes this bug, Uncaught TypeError: Cannot read properties of undefined (reading 'call') at _Peer.Readable (simple-peer.js?v=58481633:4087:14) at new Duplex (simple-peer.js?v=58481633:3405:16) at new _Peer (simple-peer.js?v=58481633:5021:9) at callUser (App.jsx:53:18) at onClick (App.jsx:162:32) at HTMLUnknownElement.callCallback2 (chunk-3SVMHFFG.js?v=58481633:3674:22) at Object.invokeGuardedCallbackDev (chunk-3SVMHFFG.js?v=58481633:3699:24) at invokeGuardedCallback (chunk-3SVMHFFG.js?v=58481633:3733:39) at invokeGuardedCallbackAndCatchFirstError (chunk-3SVMHFFG.js?v=58481633:3736:33) at executeDispatch (chunk-3SVMHFFG.js?v=58481633:7014:11)
how is the railway $5 plan for small to mid scale headless e-commerce storefronts (using Shopify)?
better then ae.
Why don't you focus on telling the "why" behind the code that needs reason for explanation? Like more on simple-peer, is peer.on() with arguments like signal is important or just could be anything? , a proper connection explanation, don't just finish the backend, try to connect the small backend portion with small building block of frontend, like for connecting "me", do it for backend first than frontend, than move to another like calling part in backend than frontend, every youtuber seems to be completing the backend part first in every video chat app, why? Your purpose is to explain, that's y you have your TH-cam channel, why only those properties in data argument like name, signalData, i mean ofcourse signalData is important but why you can't omit the data which is not important for the moment, why make it perfect in starting itself, go slowly, than add extra data like name, etc, i know from and signalData is important, add only which is utmost required for video chat functionality rather than making it more perfect, make it perfect but little later after explanation, take your time, create 1 or 2 hour tutorial but with the "why" behind thr codes that need actual explanation, No offence, I just needed proper understanding, all the game is about understanding, which data is passing to which socket listener, the idea and logic behind this is what important for us to build the chat app ourselves, so that without anyone's guidance, we can build it. The thing you are explaining is good, but required to explain on more things, try to understand. That's it. Otherwise, Thank you for the tutorial.
Thank you
Unfortunately this video is now out of date as they changed how templates work. Now you have to manually clone the template yourself to be able to edit it, otherwise you end up deploying a repo you can’t then change. Crazy that the docs haven’t even been updated to reflect this.
You’re right, I have trouble with that. Do you know where I can find how to manually clone the repository to GitHub?
excellent tutorial, compact and effective
EventEl values besides title are null (in the useEffect hook) am i missing something?
❤🎉
why mine says Failed to build an Image?
I'm saving this video. Its to the point, and saved me a future headache. THANK YOU!
why this video is so laggy?
annoying vocal fry dude, speak soundly...
Ah, using Half-Assed Calendar. I see. 😊
So BADASS!
Your tutorials are just awesome!
Bruh... 5k uncommited changes ?
Thank you, very helpful
Thanks, it's a pretty useful video, where can I find recipes code samples
Superb. very easy to understand tutorial.
By a second I think I click the 3b1b video
Crisp, to the point explanation🙌
really helpful video. I used your method and the code is in production. Thanks Darwin
Awesome! What if I just wanted to broadcast my video stream and have anyone watch? I wouldn't need to call user but I assume I still need to connect to a socket, correct?
you have just oppened a new world to me.
It sucks! Are you even the same guy?
What is the advantage with Manim, however we can do this easily with Canva ?!
Great video! How did you change font-family of the keyword "styles" and "style" in the code? Looks awesome.
thanks!
th-cam.com/video/WDfJn1kcQuU/w-d-xo.htmlfeature=shared
Redo this with new app router? :)
This is literally just sooooo concise and good literally. Thanks brother
Thanks so much!