- 6
- 3 757
Grant Codes
United States
เข้าร่วมเมื่อ 3 มิ.ย. 2021
From 2x College Dropout to Microsoft Web Developer
This is my story of how I broke into tech. I am starting to upload my web development career journey, tech thoughts in general and whatever else I think will help anyone who is listening.
มุมมอง: 61
วีดีโอ
React Component File Structure Like a Senior Developer
มุมมอง 111ปีที่แล้ว
#React #Programming #Code Organize and think about the files of your React components like a pro after watching this video. Use plop to speed up file creation and create consistent patterns throughout your file structure and codebase. Plop docs: plopjs.com/documentation Repo with example code from this video: github.com/grantvanhorn/grant-codes-plop
Create a React Horizontal Scroll Container | Keyboard ASMR | No Talking No Music
มุมมอง 892 ปีที่แล้ว
#keyboardasmr #react #scroll Scroll container libraries (sliders, carousels whatever incorrect name they have) are often large and don't even do what you want them to. In this video we write one together and the result is a 3k file that can be extended to match whatever your needs are! Source : github.com/grantvanhorn/react-horizontal-scroller
The BEST Way to Use SVG's in React
มุมมอง 2.2K2 ปีที่แล้ว
Embrace writing React components for your SVG files. In this video we give an example of the power that this approach gives us. 0:00 Intro 0:48 Demo 1:42 Code 🐦 GrantCodesIO Music : epidemicsound.com #programming #reactjs #javascript #code #svg #styledcomponents
Code With Me | One Hour | Study Music | Keyboard ASMR
มุมมอง 4332 ปีที่แล้ว
#codewithme #keyboardasmr #studymusic Hang out with me, relax, and write some code. I am working on my first Golang project which implements websockets. A React UI is interacting with the websocket server and sending/displaying messages from the server. What are you working on in this code session? I would love to hear about your projects! Music: www.epidemicsound.com
Recreating a Blinking Cursor in React
มุมมอง 8852 ปีที่แล้ว
#React #JavaScript #styledcomponents #reactspring #CSS #Animations Hello I'm Grant. I want to discuss a very small and common issue in modern front end development. Sometimes the frameworks we use can lead us down the wrong path for a simple solution. In this video we explore solutions to a very small problem with big implications. I hope you enjoy it! ⚛️ reactjs.org/ 💅 styled-components.com/ 💫...
nice
Another one!! 😊
Thanks for the support!
Bro i want to talk to you really love the worl u do can i get ur Instagram?!
super awesome man, love it!
Thanks for sharing, it is exactly the solution I was waiting for. It removes the need for copy-pasting files to create similar components. It's strange for me that this tool is not talked about more.
I'm so happy this video helped out! I think the majority of people in this React dev space don't even know about scaffolding and how beneficial it can be. I agree tools like plop should be more popular and it would be amazing if more developers shared successful scaffolding setups they run.
Thank you very much. This video helped me a lot!
Excellent video, thanks for sharing! what support did you use to hang your soccer scarves? They look very cool, I need a couple for my Real Madrid and Uruguay's scarves 💪🏻⚽🔥
I used some plastic hangers for t-shirts and cut them. I cut the bottom of each hanger to the length of each scarf and then put some thumb tacks in the wall to hold up the hanger rod. 💪🏻⚽🔥 Good luck to your teams and thank you for the support!
@@grant_codes excellent, those are very good tips! thanks again for sharing! Good luck to your teams as well! 🤜🏻🤛🏻😎
what switches and keycaps are you using on your gmmk pro?
Switches are SP-Star Polaris Gray Linear Switches. One of my favorites I've used. Keycaps are Drop + MiTo GMK Serenity Custom Keycap Set. Really happy with the set.
Thank you, this was helpful!!
Perfect for studying or work.
Great tutorial!