@vishalicious213.bsky.social
Software engineer specializing in web development. CA transplant from NY. Father of two. Metal. Bass. Food. #100devs
What's in a name? Apparently, mine is a mobile menace now...
October 18, 2025 at 6:29 PM
What's in a name? Apparently, mine is a mobile menace now...
Working on Class 35 homework. Made the project in /node-backend-simple-json work.
October 15, 2025 at 7:38 PM
Working on Class 35 homework. Made the project in /node-backend-simple-json work.
!checkin for Class 35 at #100Devs. Went through promises & async/await. Learned that setTimeout(), setInterval(), fetch() and THE DOM are not JavaScript. They're web APIs!
Finally started backend with Node.
#webdev #javascript @nodejs.org
Finally started backend with Node.
#webdev #javascript @nodejs.org
October 15, 2025 at 2:48 AM
!checkin for Class 35 at #100Devs. Went through promises & async/await. Learned that setTimeout(), setInterval(), fetch() and THE DOM are not JavaScript. They're web APIs!
Finally started backend with Node.
#webdev #javascript @nodejs.org
Finally started backend with Node.
#webdev #javascript @nodejs.org
!checkin for the 6-hour JS Super Review between classes 34 & 35 of #100Devs. Haven't touched any of the material since the end of March & this was a lot. Variables, functions, conditionals, loops, arrays, objects, APIs, OOP & more. Job-hunt material, too.
On to backend, next.
#webdev #javascript
On to backend, next.
#webdev #javascript
October 14, 2025 at 1:13 AM
!checkin for the 6-hour JS Super Review between classes 34 & 35 of #100Devs. Haven't touched any of the material since the end of March & this was a lot. Variables, functions, conditionals, loops, arrays, objects, APIs, OOP & more. Job-hunt material, too.
On to backend, next.
#webdev #javascript
On to backend, next.
#webdev #javascript
Added "fixed" & "w-full" Tailwind classes to nav container so its always onscreen when scrolled down & maintains full width. Changed padding from only bottom to top & bottom, too, because the top was too close to the top of the window.
September 13, 2025 at 4:56 PM
Added "fixed" & "w-full" Tailwind classes to nav container so its always onscreen when scrolled down & maintains full width. Changed padding from only bottom to top & bottom, too, because the top was too close to the top of the window.
Trying something different with the Nav. It starts as a little button in the top-center of the screen. Clicking it drops it down, carrying the menu with it. Absolute positioning & translate-y based on state did all the work here. The colors are just for testing so I can see.
#100Devs #webdev
#100Devs #webdev
September 13, 2025 at 1:19 AM
This lets each page send h1 text to the Header so it can be rendered. Its grabbing the pathname from the URL & referencing an object to find a key with that pathname. It grabs the text value for that key (title) & drops it into the h1.
September 12, 2025 at 9:00 PM
This lets each page send h1 text to the Header so it can be rendered. Its grabbing the pathname from the URL & referencing an object to find a key with that pathname. It grabs the text value for that key (title) & drops it into the h1.
In the previous iteration of the agency website, I used a Header component to render the hero section for each page. It was called from each page, so they passed props with h1 text. Now, I'm using a Layout component, so its different. I got it working like this:
#100Devs #webdev #react #reactrouter
#100Devs #webdev #react #reactrouter
September 12, 2025 at 9:00 PM
In the previous iteration of the agency website, I used a Header component to render the hero section for each page. It was called from each page, so they passed props with h1 text. Now, I'm using a Layout component, so its different. I got it working like this:
#100Devs #webdev #react #reactrouter
#100Devs #webdev #react #reactrouter
You can see from this Contact page that Layout is rendering the Header component, then the Contact component's content, then the Footer component.
1-2-3, its that straightforward.
1-2-3, its that straightforward.
September 12, 2025 at 7:14 PM
You can see from this Contact page that Layout is rendering the Header component, then the Contact component's content, then the Footer component.
1-2-3, its that straightforward.
1-2-3, its that straightforward.
2. In the component with your routes, import the Layout component & wrap your Route components in it, with Layout also being a Route element with no path.
September 12, 2025 at 7:14 PM
2. In the component with your routes, import the Layout component & wrap your Route components in it, with Layout also being a Route element with no path.
Quick rundown of how to add a Layout component with React Router 7:
1. Make a Layout component somewhere (you can name it anything, I used Layout).
Import { Outlet } into it. Its like { children } & is where the page component content will render.
#100Devs #react #reactrouter #webdev
1. Make a Layout component somewhere (you can name it anything, I used Layout).
Import { Outlet } into it. Its like { children } & is where the page component content will render.
#100Devs #react #reactrouter #webdev
September 12, 2025 at 7:14 PM
Quick rundown of how to add a Layout component with React Router 7:
1. Make a Layout component somewhere (you can name it anything, I used Layout).
Import { Outlet } into it. Its like { children } & is where the page component content will render.
#100Devs #react #reactrouter #webdev
1. Make a Layout component somewhere (you can name it anything, I used Layout).
Import { Outlet } into it. Its like { children } & is where the page component content will render.
#100Devs #react #reactrouter #webdev
Last night, I started rebuilding the agency site using Tailwind & React Router 7. I added back all of the pages & routing works. The text content is all there.
I'm using a Layout component this time to dynamically add the header & footer to each page. The design will probably change yet again.
I'm using a Layout component this time to dynamically add the header & footer to each page. The design will probably change yet again.
September 12, 2025 at 7:03 PM
Last night, I started rebuilding the agency site using Tailwind & React Router 7. I added back all of the pages & routing works. The text content is all there.
I'm using a Layout component this time to dynamically add the header & footer to each page. The design will probably change yet again.
I'm using a Layout component this time to dynamically add the header & footer to each page. The design will probably change yet again.
Its been 2 months since I kept up with Bluesky. Sorry about that - I want to catch back up with what everyone is doing. I've been really busy building. I largely finished the agency website a few weeks ago. There are small things that needed adjusting, but I switched gears.
#100Devs #webdev
#100Devs #webdev
September 12, 2025 at 7:03 PM
Hit Denny's with @sirashtondev.bsky.social by accident after kiddo #1's concert. They were listed as The Burger Den online. It was a trap!
That said, the triple was pretty good & someone got ice cream.
That said, the triple was pretty good & someone got ice cream.
August 29, 2025 at 4:39 PM
Hit Denny's with @sirashtondev.bsky.social by accident after kiddo #1's concert. They were listed as The Burger Den online. It was a trap!
That said, the triple was pretty good & someone got ice cream.
That said, the triple was pretty good & someone got ice cream.
Their favorite is always the band room. I think it would be mine, too.
August 29, 2025 at 4:31 PM
Their favorite is always the band room. I think it would be mine, too.
Visited all of her classes after the concert. Met her teachers. Kiddo #2 got to RP as an 8th grader.
So did Ashton. ;)
So did Ashton. ;)
August 29, 2025 at 4:31 PM
Visited all of her classes after the concert. Met her teachers. Kiddo #2 got to RP as an 8th grader.
So did Ashton. ;)
So did Ashton. ;)
Kiddo #1 became a teenager yesterday & had her 1st band concert of the year (she's percussion). @sirashtondev.bsky.social went with me to see her play.
August 29, 2025 at 4:31 PM
Kiddo #1 became a teenager yesterday & had her 1st band concert of the year (she's percussion). @sirashtondev.bsky.social went with me to see her play.
And, finally, I just started experimenting with the Motion animation library for React & building animation templates for use in future projects. Its an interesting approach, using translate functions under the hood for optimized rendering & less DOM havoc. My first pass will be done in a few days.
August 25, 2025 at 7:10 PM
And, finally, I just started experimenting with the Motion animation library for React & building animation templates for use in future projects. Its an interesting approach, using translate functions under the hood for optimized rendering & less DOM havoc. My first pass will be done in a few days.
One of the portfolio pieces is a rebuild of the first site I ever made for anyone - a website for a cancer charity back home in NY. They dissolved due to Covid, so the rebuild strips out the shop & donation features. I finished this last week.
August 25, 2025 at 7:10 PM
One of the portfolio pieces is a rebuild of the first site I ever made for anyone - a website for a cancer charity back home in NY. They dissolved due to Covid, so the rebuild strips out the shop & donation features. I finished this last week.
I finished the initial build for my freelancing operations a few weeks ago & am adding portfolio pieces to it right now, along with @devmansam.net, who's joining me on this endeavor.
Exciting times. I haven't freelanced in a few years.
Exciting times. I haven't freelanced in a few years.
August 25, 2025 at 7:10 PM
I finished the initial build for my freelancing operations a few weeks ago & am adding portfolio pieces to it right now, along with @devmansam.net, who's joining me on this endeavor.
Exciting times. I haven't freelanced in a few years.
Exciting times. I haven't freelanced in a few years.
Last night, I tested a local #DevLeads install with @devmansam.net. Its up & running on my computer. We then deployed it to Render & I tested from my phone. The local & deployed versions synchronized perfectly.
Congrats to Sam - its so close to officially launching!
Congrats to Sam - its so close to officially launching!
August 25, 2025 at 7:10 PM
Last night, I tested a local #DevLeads install with @devmansam.net. Its up & running on my computer. We then deployed it to Render & I tested from my phone. The local & deployed versions synchronized perfectly.
Congrats to Sam - its so close to officially launching!
Congrats to Sam - its so close to officially launching!