- Видео 92
- Просмотров 37 776
MGdev
Добавлен 17 авг 2020
I post weekly videos on React js related stuff
Trying out moondream model | Building app using Next js, Typescript and Supabase
github : github.com/timelessco/recollect
Twitter : Abhishek_mg12
Twitch : www.twitch.tv/mg_3790
Site : recollect.so/
Twitter : Abhishek_mg12
Twitch : www.twitch.tv/mg_3790
Site : recollect.so/
Просмотров: 49
Видео
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 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 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 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 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 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 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 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 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 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 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 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 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 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
complete rubbish .. u r not teaching clearly
want to collaborate ?
pls do reach out on twitter !
where did you get the icons from?
the icons are provided by the designer for this project, I will see if we can can make the design open src
@@mgdev8152 Oh, the icons look great!
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.
Yes having these values in CI/CD is the right thing , will check it out ! Thanks!!
thanks this video is very help full
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
Thanks , I will be making it open-src soon ! will update
Okay that will be nice, lookinf forward to the update@@mgdev8152
github.com/timelessco/bookmark-tags , its open for contribution if you are interested ! sorry for the delay !!
Is this open-source?
Will be making it open-src soon , will update !
@@mgdev8152 great! looking forward to contributing!
github.com/timelessco/bookmark-tags , its open for contribution if you are interested ! sorry for the delay !!
❣️ Promo-SM
thnkx its very helpfull
Great one man.
where is the children props link ?
Many thanks. But i have a question. I have a grid columns, does this library support drag and drop in grid-system? Many thanks
thanks mannnnnnnnnnnnnnnn
can i get the code files?
Bro I love you for this video !!! It really helped me
Muy Bueno la verdad, ya se quedo viejito. no existe mas PseudoBox (Box), ni ThemeProvider(ChakraProvider). Aguante la 2117!
Thanks bro
thank you really helpful
Thank you so much
Thank you. This video helped me to understand principal of work of this method quickly
Hey what difference between react-beautiful-dnd and react- dnd??
0:18 bhai time he to nahi hai jindgi me
no github? No subscribe!
Almost 2 years later, and this has been helpful.
THAKS MAN
@MGdev Can you help me with this? In my code, Drag is not working it goes outside the div.
:(
How to use this to drag card component in horizontal direction?
Dislike
good job
thanks bro
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.
Thanks a lot. I think I could never understand this library but you made it possible for me.
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
You are the best! Keep being awesome!
For the next time u need to create a folder with the components, and create the app in parts... Good video
Tqvm for quick intro. I Dont wanna spend time on going thru whole tutorials. This is crisp
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()
very informative
Quickes Tutorial about Zustand! :)
Can you post a link to the code.
Thank you that helped me so muchhhhhhhhhhhhh God bless you your channel will rise inshallah
awesome video bro! Do you have the link to the github?
It keeps state and functions that modify the state in one object. I think that's kinda messy.
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?
hi, MGdev Nice work man, keep doing, can u please explain how to patch or set values from the API in the filedArray .
Whats the drawback?
redux is also global , some logic, its just how you get into the store
Great video! Short sweet and to the point!
Thank you !
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
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
MGdev thanks