Darwin Tech
Darwin Tech
  • 154
  • 1 506 331
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
มุมมอง: 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
BUILD A TABLE COMPONENT IN REACT
มุมมอง 13K2 ปีที่แล้ว
BUILD A TABLE COMPONENT IN REACT
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 Way to Fetch Data in React JS
มุมมอง 1.2K2 ปีที่แล้ว
Best Way to Fetch Data in React JS
How to Connect HTML to Javascript
มุมมอง 1K2 ปีที่แล้ว
How to Connect HTML to Javascript
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
React Typescript Setup Tutorial
มุมมอง 19K2 ปีที่แล้ว
React Typescript Setup Tutorial
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
Python For Beginners Full Course
มุมมอง 2002 ปีที่แล้ว
Python For Beginners Full Course
Ngrok, Access Your Local Machine From Anywhere.
มุมมอง 9802 ปีที่แล้ว
Ngrok, Access Your Local Machine From Anywhere.

ความคิดเห็น

  • @shikharpandya4927
    @shikharpandya4927 3 วันที่ผ่านมา

    How to connect it with google calendar if we want to ?

  • @max-rdj9741
    @max-rdj9741 6 วันที่ผ่านมา

    Holy cow, how does that just work?

  • @hlebuska9434
    @hlebuska9434 12 วันที่ผ่านมา

    Very useful!

  • @zemacnica
    @zemacnica 12 วันที่ผ่านมา

    clone people, how easy :D

  • @Traders-z6v
    @Traders-z6v 12 วันที่ผ่านมา

    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.

  • @conganh9556
    @conganh9556 15 วันที่ผ่านมา

    How can it be nested?

  • @lsumail2189
    @lsumail2189 17 วันที่ผ่านมา

    may i know whats your vscode font , it looks special

  • @veronikapost5073
    @veronikapost5073 18 วันที่ผ่านมา

    What is your theme in VSCode? Looks nice!

  • @anascharroud-bc3oi
    @anascharroud-bc3oi 22 วันที่ผ่านมา

    Can I export that as a presentation

  • @lenickramone
    @lenickramone 22 วันที่ผ่านมา

    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?

  • @BrefoFrancisAsamaoh
    @BrefoFrancisAsamaoh 26 วันที่ผ่านมา

    just awesome

  • @donghunlee5463
    @donghunlee5463 27 วันที่ผ่านมา

    Super easy to understand ❤

  • @deepaksingh-qd7xm
    @deepaksingh-qd7xm หลายเดือนก่อน

    App deployed but no url wtf is this ??

  • @TINOTENDAMURINYE-mg7hm
    @TINOTENDAMURINYE-mg7hm หลายเดือนก่อน

    great tutorial but the autofill is not working at my end

  • @gmelodie
    @gmelodie หลายเดือนก่อน

    What the actual fuck is going on with these fonts

  • @RayquanRogers
    @RayquanRogers หลายเดือนก่อน

    It didn’t work

  • @demiansims728
    @demiansims728 หลายเดือนก่อน

    `npm run dev` doesn't work for me. I get `sh: ts-node-dev: command not found`

  • @gabrielmokhele351
    @gabrielmokhele351 หลายเดือนก่อน

    Hi darwin how would u then make sure you send a request to the database

  • @ayneabreham
    @ayneabreham 2 หลายเดือนก่อน

    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)

  • @beyourahi
    @beyourahi 2 หลายเดือนก่อน

    how is the railway $5 plan for small to mid scale headless e-commerce storefronts (using Shopify)?

  • @Sahilbc-wj8qk
    @Sahilbc-wj8qk 2 หลายเดือนก่อน

    better then ae.

  • @prabhjotarora2740
    @prabhjotarora2740 2 หลายเดือนก่อน

    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.

  • @NuwanMadusanka-c1l
    @NuwanMadusanka-c1l 2 หลายเดือนก่อน

    Thank you

  • @JulianHarris
    @JulianHarris 2 หลายเดือนก่อน

    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.

    • @Art2
      @Art2 27 วันที่ผ่านมา

      You’re right, I have trouble with that. Do you know where I can find how to manually clone the repository to GitHub?

  • @mugilan9257
    @mugilan9257 2 หลายเดือนก่อน

    excellent tutorial, compact and effective

  • @JaekerGW2
    @JaekerGW2 3 หลายเดือนก่อน

    EventEl values besides title are null (in the useEffect hook) am i missing something?

  • @romansri9903
    @romansri9903 3 หลายเดือนก่อน

    ❤🎉

  • @Zaryuishin
    @Zaryuishin 3 หลายเดือนก่อน

    why mine says Failed to build an Image?

  • @silentsmashbros4902
    @silentsmashbros4902 3 หลายเดือนก่อน

    I'm saving this video. Its to the point, and saved me a future headache. THANK YOU!

  • @Garfield_Minecraft
    @Garfield_Minecraft 3 หลายเดือนก่อน

    why this video is so laggy?

  • @Jaaz7
    @Jaaz7 3 หลายเดือนก่อน

    annoying vocal fry dude, speak soundly...

  • @TesterAnimal1
    @TesterAnimal1 3 หลายเดือนก่อน

    Ah, using Half-Assed Calendar. I see. 😊

  • @dallasdominguez9501
    @dallasdominguez9501 3 หลายเดือนก่อน

    So BADASS!

  • @amnadhrioua9158
    @amnadhrioua9158 3 หลายเดือนก่อน

    Your tutorials are just awesome!

  • @arseneandrouse5554
    @arseneandrouse5554 3 หลายเดือนก่อน

    Bruh... 5k uncommited changes ?

  • @marktheunknown1829
    @marktheunknown1829 3 หลายเดือนก่อน

    Thank you, very helpful

  • @jassimhashim4706
    @jassimhashim4706 3 หลายเดือนก่อน

    Thanks, it's a pretty useful video, where can I find recipes code samples

  • @SarathChandran96
    @SarathChandran96 3 หลายเดือนก่อน

    Superb. very easy to understand tutorial.

  • @SobTim-eu3xu
    @SobTim-eu3xu 3 หลายเดือนก่อน

    By a second I think I click the 3b1b video

  • @niki5223
    @niki5223 3 หลายเดือนก่อน

    Crisp, to the point explanation🙌

  • @himanshukamal1
    @himanshukamal1 3 หลายเดือนก่อน

    really helpful video. I used your method and the code is in production. Thanks Darwin

  • @himike3278
    @himike3278 4 หลายเดือนก่อน

    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?

  • @thobiasgoncalves2811
    @thobiasgoncalves2811 4 หลายเดือนก่อน

    you have just oppened a new world to me.

  • @Ervin-fg6xw
    @Ervin-fg6xw 4 หลายเดือนก่อน

    It sucks! Are you even the same guy?

  • @alisadeq126
    @alisadeq126 4 หลายเดือนก่อน

    What is the advantage with Manim, however we can do this easily with Canva ?!

  • @raahim88991
    @raahim88991 4 หลายเดือนก่อน

    Great video! How did you change font-family of the keyword "styles" and "style" in the code? Looks awesome.

  • @AsilKhalifa
    @AsilKhalifa 4 หลายเดือนก่อน

    thanks!

  • @alexhichamk6630
    @alexhichamk6630 4 หลายเดือนก่อน

    th-cam.com/video/WDfJn1kcQuU/w-d-xo.htmlfeature=shared

  • @Zzyzx-
    @Zzyzx- 4 หลายเดือนก่อน

    Redo this with new app router? :)

  • @maheenfatma4694
    @maheenfatma4694 5 หลายเดือนก่อน

    This is literally just sooooo concise and good literally. Thanks brother