Building an event calendar - React Challenge
HTML-код
- Опубликовано: 1 окт 2024
- Sign Up for BrightData → brdta.com/cosd...
Source Code → github.com/cos...
Join The Discord! → discord.cosden...
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"
In this video we challenge ourselves to build an event calendar in React from scratch! This React code challenge series is designed to complete React challenges and see what cool stuff we can build. You can follow along or you can attempt to complete the React challenge yourself by checking out the repository. If you get stuck, the solution is in the GitHub repository as well!
Great challenge, please do more like this. Inspired to make my own calendar app!
Nice video❤.Please continue this series.
in the company I'm in we just did a weekly ssr calendar hhh it was a bit challenging with the query params holding the start week the filters etc and supabase and it was fun and I would like u to make a video to see how u structure it and build it in Next.js can you ? hmm 🤔
I urgently need to implement the event spanned multiple days, can anyone help me?
What's a time complexity of O2?
i'm junior developer with 1 year of experience, ive watched all your videos and learned a lot throughout the journey, looking to see all your next videos, keep it up cosden
Damn, date-fns in awesome... I think I am using it in my own event calendar... thanks for the video man!
Just found your channel and liking what I see so far! Loved watching along to see how you tackled the problem! My only suggestion for future videos would be to more clearly define the challenge at the start of the video; maybe by showing a mock up or your final product, so those of us who want to try the challenge before watching have something more clear to aim for without skipping through the video - This could also be good for viewer retention as it makes people want to see how you made it :)
Yes that's a great tip, thanks a lot! Will try this in the next one and compare
Please make more videos like this!
Thanks for sharing please share more challenges in future.
Please update more vedio .
Need more challenges like this
Great challenge, great explanation! Thank you for sharing! And yes, we need more ))
Has ayone figured out how to span an event on multiple columns, or hos to break it if for example it starts at the end of the week and then continues on the next one?? Thanks in advance.
Thanks for the video:)
Great content as always, you can come up with such challenges that are also asked in machine coding rounds during the interviews, eg date pickers, pagination, infinite scroll etc without any libraries
Yes that's the plan ☺️
oh...this is great video!
i wanted to implement like this event via react-day-picker, but i didnt know how to do.
thanks!
Great video, thanks a lot!
and subscribed!!
I am building a reservation calendar from scratch and this really helped me a lot. Thank you, your content is great!
Hi! What's your VS Code theme? I really like it
can you please do day calendar challenge it would be more interesting
I'm an experience backend dev and now moving toward full stack. We need a clone series as a project base learning
Can u do lighthouse optimisation, I didn't understand plz do it
Thanks!
Learning a lot from your videos, Thank you!
We need more videos on Design Patterns. [Nowadays nobody is creating such videos with great details like you]
They're coming!
@@cosdensolutions Thank You!!!
Awesome
Such a good challenge. The best react youtuber i’ve ever seen.
wow
Minor point re big-O... You keep saying O(2), but n-by-m is better described as O(n^2) - technically O(2) is still linear, but O(n^2) is quadratic. HTH
Great content, keep up the good work!
Yeah, I always mess these up lol. Thanks for the clarification!
Super video, thanks!
There you go! Nice sound and awesome vid 🤟🏻
14:00
from react docs:
"Keys must be unique among siblings. However, it’s okay to use the same keys for JSX nodes in different arrays."
so, its perfectly fine to have keys [0, 1, 2...] in first array and the same in the second. They wont overlap.
But here it was siblings though
Nice work, just shows how useful 3rd party packages are like the date one you used. Question on KEYs when mapping, I know it's best to not use index, and also they have to be unique. Can you confirm if they have to be unique throughout the page, if you had 3 maps, with index 1-100, should they all be different, you seem to be pointing at that with the "empty-index" you used.
Would love to see more of these vids, but one suggestion I have is when you have a bug your trying to fix, please don't cut it out and then just show the end code.
Keys have to be unique in the same parent, otherwise it's fine! That's why I added "empty-" there.
And yes, I'm trying to find a balance between keeping the videos shorter and to the point, and explaining things thoroughly. Working on it!
❤ Love to see want more challenge videos
Really Nice ..
It will be too cool if we have series of creating a particular components of great product apps like Google apps, Microsoft 365, Apple
Interesting
I will have to watch this one a few times to understanding it well. Excellent class, very rich. Thanks for that!
Your React Challenges is a super idea 💡
Yes we need React challenges🎉
❤