MGdev
MGdev
  • Видео 92
  • Просмотров 37 776

Видео

Timeline view | Building app using Next js, Typescript and SupabaseTimeline view | Building app using Next js, Typescript and Supabase
Timeline view | Building app using Next js, Typescript and Supabase
Просмотров 25Месяц назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Bug fixes | Building app using Next js, Typescript and SupabaseBug fixes | Building app using Next js, Typescript and Supabase
Bug fixes | Building app using Next js, Typescript and Supabase
Просмотров 38Месяц назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Collapse icon condition | Building app using Next js, Typescript and SupabaseCollapse icon condition | Building app using Next js, Typescript and Supabase
Collapse icon condition | Building app using Next js, Typescript and Supabase
Просмотров 39Месяц назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Using flex grow to fix css | Building app using Next js, Typescript and SupabaseUsing flex grow to fix css | Building app using Next js, Typescript and Supabase
Using flex grow to fix css | Building app using Next js, Typescript and Supabase
Просмотров 92 месяца назад
Update icons and add file upload input github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Using flex grow to fix css | Building app using Next js, Typescript and SupabaseUsing flex grow to fix css | Building app using Next js, Typescript and Supabase
Using flex grow to fix css | Building app using Next js, Typescript and Supabase
Просмотров 102 месяца назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Button animation stream | Building app using Next js, Typescript and SupabaseButton animation stream | Building app using Next js, Typescript and Supabase
Button animation stream | Building app using Next js, Typescript and Supabase
Просмотров 232 месяца назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Minor bug fix stream | Building app using Next js, Typescript and SupabaseMinor bug fix stream | Building app using Next js, Typescript and Supabase
Minor bug fix stream | Building app using Next js, Typescript and Supabase
Просмотров 1082 месяца назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Puppeteer not working in Vercel stream | Building app using Next js, Typescript and SupabasePuppeteer not working in Vercel stream | Building app using Next js, Typescript and Supabase
Puppeteer not working in Vercel stream | Building app using Next js, Typescript and Supabase
Просмотров 1823 месяца назад
Creating a discussing in vercel git as I have trouble using Puppeteer in next js api in vercel env. If anyone has any insights please help Discussion URL : github.com/vercel/next.js/discussions/63961 github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Add screenshot in next api | Building app using Next js, Typescript and SupabaseAdd screenshot in next api | Building app using Next js, Typescript and Supabase
Add screenshot in next api | Building app using Next js, Typescript and Supabase
Просмотров 1913 месяца назад
github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Supabse self host figuring out storage | Building app using Next js, Typescript and SupabaseSupabse self host figuring out storage | Building app using Next js, Typescript and Supabase
Supabse self host figuring out storage | Building app using Next js, Typescript and Supabase
Просмотров 263 месяца назад
I have self hosted supabase in my local machine and now trying to figure out how to make storage work github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Adding debounce to slider component | Building app using Next js, Typescript and SupabaseAdding debounce to slider component | Building app using Next js, Typescript and Supabase
Adding debounce to slider component | Building app using Next js, Typescript and Supabase
Просмотров 143 месяца назад
When the user changes the value in the slider then callback function is firing for every change rather only when the user completes the change. To implement this we use debounce from lodash github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Adding slider menu in responsive | Building app using Next js, Typescript and SupabaseAdding slider menu in responsive | Building app using Next js, Typescript and Supabase
Adding slider menu in responsive | Building app using Next js, Typescript and Supabase
Просмотров 453 месяца назад
Adding slider menu from ariakit ariakit.org/examples/menu-slide in the app's responsive mobile page github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790 Site : recollect.so/
Figuring out list responsive | Building app using Next js, Typescript and SupabaseFiguring out list responsive | Building app using Next js, Typescript and Supabase
Figuring out list responsive | Building app using Next js, Typescript and Supabase
Просмотров 193 месяца назад
Please do consider subscribing if you found my content useful ! :) github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790
Updating side pane into drawer in mobile view | Building app using Next js, Typescript and SupabaseUpdating side pane into drawer in mobile view | Building app using Next js, Typescript and Supabase
Updating side pane into drawer in mobile view | Building app using Next js, Typescript and Supabase
Просмотров 1403 месяца назад
Lib used for drawer : www.npmjs.com/package/react-modern-drawer Please do consider subscribing if you found my content useful ! :) github : github.com/timelessco/recollect Twitter : Abhishek_mg12 Twitch : www.twitch.tv/mg_3790

Комментарии

  • @samanthacharles9898
    @samanthacharles9898 3 месяца назад

    complete rubbish .. u r not teaching clearly

  • @Simple_OG
    @Simple_OG 5 месяцев назад

    want to collaborate ?

    • @mgdev8152
      @mgdev8152 5 месяцев назад

      pls do reach out on twitter !

  • @raiyansarker
    @raiyansarker 5 месяцев назад

    where did you get the icons from?

    • @mgdev8152
      @mgdev8152 5 месяцев назад

      the icons are provided by the designer for this project, I will see if we can can make the design open src

    • @raiyansarker
      @raiyansarker 5 месяцев назад

      @@mgdev8152 Oh, the icons look great!

  • @inslayn
    @inslayn 7 месяцев назад

    I would suggest you write a patcher to replace these values in your CI/CD pipeline. It allows you to store these values in secure secret storage.

    • @mgdev8152
      @mgdev8152 6 месяцев назад

      Yes having these values in CI/CD is the right thing , will check it out ! Thanks!!

  • @user-hr9iw4zr2b
    @user-hr9iw4zr2b 7 месяцев назад

    thanks this video is very help full

  • @ogunleyeoluwafemi7243
    @ogunleyeoluwafemi7243 7 месяцев назад

    Hi there, this looks like an interesting personal project, is there a sourcecode that one can follow along with because i checked and you kinda did not start the project from scratch thanks, hopefully i get a response

    • @mgdev8152
      @mgdev8152 7 месяцев назад

      Thanks , I will be making it open-src soon ! will update

    • @ogunleyeoluwafemi7243
      @ogunleyeoluwafemi7243 7 месяцев назад

      Okay that will be nice, lookinf forward to the update@@mgdev8152

    • @mgdev8152
      @mgdev8152 6 месяцев назад

      github.com/timelessco/bookmark-tags , its open for contribution if you are interested ! sorry for the delay !!

  • @pritishmishraa
    @pritishmishraa 8 месяцев назад

    Is this open-source?

    • @mgdev8152
      @mgdev8152 7 месяцев назад

      Will be making it open-src soon , will update !

    • @pritishmishraa
      @pritishmishraa 7 месяцев назад

      @@mgdev8152 great! looking forward to contributing!

    • @mgdev8152
      @mgdev8152 6 месяцев назад

      github.com/timelessco/bookmark-tags , its open for contribution if you are interested ! sorry for the delay !!

  • @tomcole2608
    @tomcole2608 8 месяцев назад

    ❣️ Promo-SM

  • @supershinobi7892
    @supershinobi7892 9 месяцев назад

    thnkx its very helpfull

  • @user-ix3tz3vu3z
    @user-ix3tz3vu3z 11 месяцев назад

    Great one man.

  • @praveenbabu2800
    @praveenbabu2800 Год назад

    where is the children props link ?

  • @ducnguyendinhtrung4745
    @ducnguyendinhtrung4745 Год назад

    Many thanks. But i have a question. I have a grid columns, does this library support drag and drop in grid-system? Many thanks

  • @rainbowka1910
    @rainbowka1910 Год назад

    thanks mannnnnnnnnnnnnnnn

  • @dheerajkapri1533
    @dheerajkapri1533 Год назад

    can i get the code files?

  • @jokovBG
    @jokovBG Год назад

    Bro I love you for this video !!! It really helped me

  • @emmastdio.7866
    @emmastdio.7866 Год назад

    Muy Bueno la verdad, ya se quedo viejito. no existe mas PseudoBox (Box), ni ThemeProvider(ChakraProvider). Aguante la 2117!

  • @devcharanswarnakar7437
    @devcharanswarnakar7437 Год назад

    Thanks bro

  • @abhimishra3141
    @abhimishra3141 Год назад

    thank you really helpful

  • @avel8965
    @avel8965 Год назад

    Thank you so much

  • @hasst9261
    @hasst9261 2 года назад

    Thank you. This video helped me to understand principal of work of this method quickly

  • @lobsanggyatso6280
    @lobsanggyatso6280 2 года назад

    Hey what difference between react-beautiful-dnd and react- dnd??

  • @TheBhumbak
    @TheBhumbak 2 года назад

    0:18 bhai time he to nahi hai jindgi me

  • @cempakajanuari5983
    @cempakajanuari5983 2 года назад

    no github? No subscribe!

  • @davidofug
    @davidofug 2 года назад

    Almost 2 years later, and this has been helpful.

  • @Prede3666
    @Prede3666 2 года назад

    THAKS MAN

  • @bhavyasachdeva10
    @bhavyasachdeva10 2 года назад

    @MGdev Can you help me with this? In my code, Drag is not working it goes outside the div.

  • @muslumdogan1313
    @muslumdogan1313 2 года назад

    :(

  • @nik3935
    @nik3935 2 года назад

    How to use this to drag card component in horizontal direction?

  • @tarek_maza
    @tarek_maza 2 года назад

    Dislike

  • @justinchan6594
    @justinchan6594 2 года назад

    good job

  • @user-ny2nl7ct2y
    @user-ny2nl7ct2y 2 года назад

    thanks bro

  • @SayawanKapatiran
    @SayawanKapatiran 2 года назад

    You are so good! I've watched a lot of videos re: Drag and Drop feature but I like yours more because you explained it step by step and with explanation why do certain things.

  • @sumitpurohit8849
    @sumitpurohit8849 2 года назад

    Thanks a lot. I think I could never understand this library but you made it possible for me.

  • @hariaswanthm9764
    @hariaswanthm9764 2 года назад

    Superb explanation.Can you help me with nested draggable and droppable.in react Dnd it doesn't working.React Dnd doesn't support nested items.Help me to sort it out

  • @folarinakinloye3046
    @folarinakinloye3046 2 года назад

    You are the best! Keep being awesome!

  • @flasssss
    @flasssss 2 года назад

    For the next time u need to create a folder with the components, and create the app in parts... Good video

  • @praveen_in_peace
    @praveen_in_peace 3 года назад

    Tqvm for quick intro. I Dont wanna spend time on going thru whole tutorials. This is crisp

  • @serendip9473
    @serendip9473 3 года назад

    React Query has been updated: import { QueryCache } from 'react-query' //new instance const queryCache = new QueryCache({ onError: error => { console.log(error) }, }) //call - findAll :This instance not only contains all the state for the query, but all of the instances. <button style={{ float: "right" }} onClick={() => queryCache.findAll('planets')} > Next!</button> //or call <button style={{ float: "right" }} onClick={() => queryCache.findAll('planets')} > Next!</button> //clear cache queryCache.clear()

  • @saianishwarvnrxb1376
    @saianishwarvnrxb1376 3 года назад

    very informative

  • @JohannRohn
    @JohannRohn 3 года назад

    Quickes Tutorial about Zustand! :)

  • @lamelordable
    @lamelordable 3 года назад

    Can you post a link to the code.

  • @RehamMuhammad
    @RehamMuhammad 3 года назад

    Thank you that helped me so muchhhhhhhhhhhhh God bless you your channel will rise inshallah

  • @austinbeers9976
    @austinbeers9976 3 года назад

    awesome video bro! Do you have the link to the github?

  • @ukaszzbrozek6470
    @ukaszzbrozek6470 3 года назад

    It keeps state and functions that modify the state in one object. I think that's kinda messy.

  • @saydurrahman1517
    @saydurrahman1517 3 года назад

    suppose I've an another component ( person.js ). now I want to pass api data from app.js to person.js, but without using props. on Redux we can pass data from one component to another component, accessing global state. But on react-query what we will do? How we will pass data from one component to another component?

  • @nithinnitz6227
    @nithinnitz6227 3 года назад

    hi, MGdev Nice work man, keep doing, can u please explain how to patch or set values from the API in the filedArray .

  • @juranovium6808
    @juranovium6808 3 года назад

    Whats the drawback?

  • @Ttlwar
    @Ttlwar 3 года назад

    redux is also global , some logic, its just how you get into the store

  • @ironfoe1387
    @ironfoe1387 3 года назад

    Great video! Short sweet and to the point!

  • @AdityaRaj-lr1ki
    @AdityaRaj-lr1ki 3 года назад

    can you make a video on how to drop items of a list into another droppable component, I got this task from work and it would be really helpful

    • @mgdev8152
      @mgdev8152 3 года назад

      Yes that would be a good idea, but do check out this codesandbox , it should help you with your use case. You need to implement the state updates on dropping in the other container . Hope this helps codesandbox.io/s/zen-jennings-tuxzw?file=/src/App.js

    • @AdityaRaj-lr1ki
      @AdityaRaj-lr1ki 3 года назад

      MGdev thanks