A guide to organizing a React JS project structure with Web Dev Simplified
https://youtu.be/UUga4-z7b6s
#react #webdevsimplified #structure #folder
https://youtu.be/UUga4-z7b6s
#react #webdevsimplified #structure #folder
YouTube
Junior vs Senior React Folder Structure - How To Organize React Projects
FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified
React is an unopinionated framework, but with that freedom comes the difficulty of choosing how you want to structure your project. This is something many React developers…
React is an unopinionated framework, but with that freedom comes the difficulty of choosing how you want to structure your project. This is something many React developers…
Web Dev Simplified practice with introduction to JavaScript Hoisting
https://www.youtube.com/watch?v=EvfRXyKa_GI
#hoisting #webdevsimplified
https://www.youtube.com/watch?v=EvfRXyKa_GI
#hoisting #webdevsimplified
YouTube
Learn JavaScript Hoisting In 5 Minutes
JavaScript Simplified Course: https://javascriptsimplified.com
Hoisting. It is the word everyone throws around when talking about JavaScript, yet no one takes the time to actually explain what hoisting is, how it works, and why it is important. In this video…
Hoisting. It is the word everyone throws around when talking about JavaScript, yet no one takes the time to actually explain what hoisting is, how it works, and why it is important. In this video…
Forwarded from Learn CSS™
Exercise from Web Dev Simplified on using viewport units
https://www.youtube.com/watch?v=5m6JOJLy5B0
#css #viewport #webDevSimplified
https://www.youtube.com/watch?v=5m6JOJLy5B0
#css #viewport #webDevSimplified
YouTube
Learn Every CSS Viewport Unit In 10 Minutes
There used to only be 4 viewport units which were pretty easy to understand. With the increase in popularity of mobile devices, though, there has been a need to handle more complex viewports which is why there are now 24 total viewport units. In this video…
Trying to answer some interview questions for front end web developers with Web Dev Simplified
https://www.youtube.com/watch?v=ud8QZIdBxPw
#interview #webdevsimplified
https://www.youtube.com/watch?v=ud8QZIdBxPw
#interview #webdevsimplified
YouTube
Can You Beat Me At This Interview?
Today I decided to challenge myself to a bunch of full stack interview questions. Hopefully I can get them all right, but odds are I will probably miss at least a few. Try to play along to see how many you can get right.
📚 Materials/References:
Interview…
📚 Materials/References:
Interview…
Introduction to Scoping in JavaScript with Web Dev Simplified
https://www.youtube.com/watch?v=TkFN6e9ZDMw
—-
Some ways to do function declarations in JavaScript and best usage tips
https://blog.sessionstack.com/how-javascript-works-the-different-ways-of-declaring-a-function-5-best-practices-8a0324c06fe2
—-
Tips and tricks in writing JavaScript code that helps in a neater code structure
https://javascript.plainenglish.io/20-simple-but-useful-javascript-coding-techniques-that-you-should-use-23f33bd45325
#webdevsimplified #scope #tips #trick #function
https://www.youtube.com/watch?v=TkFN6e9ZDMw
—-
Some ways to do function declarations in JavaScript and best usage tips
https://blog.sessionstack.com/how-javascript-works-the-different-ways-of-declaring-a-function-5-best-practices-8a0324c06fe2
—-
Tips and tricks in writing JavaScript code that helps in a neater code structure
https://javascript.plainenglish.io/20-simple-but-useful-javascript-coding-techniques-that-you-should-use-23f33bd45325
#webdevsimplified #scope #tips #trick #function
Web Dev Simplified practice creating login screen page with success and error status
https://www.youtube.com/watch?v=reumU4CvruA
#webdevsimplified #login #error
https://www.youtube.com/watch?v=reumU4CvruA
#webdevsimplified #login #error
YouTube
How To Build A Modern Login Screen With Error/Success States
One of the most common designs you will see is a login form that floats over the top of a background image or solid background color. In this video I will show you how to create exactly that as well as how to show error and success states for the various…
Practice from Web Dev Simplified in using Notification API in JavaScript
https://youtu.be/Bm0JjR4kP8w
#webdevsimplified #notification
https://youtu.be/Bm0JjR4kP8w
#webdevsimplified #notification
YouTube
How To Send Push Notifications With JavaScript
Sending push notifications in JavaScript seems like it would be difficult if not impossible, but it is actually built into the browser and quite easy. In this video I show you everything you need to know about sending push notifications with JavaScript and…
Practice making Select Input Component with React JS, with Web Dev Simplified
https://www.youtube.com/watch?v=bAJlYgeovlg
#input #select #react #webdevsimplified
https://www.youtube.com/watch?v=bAJlYgeovlg
#input #select #react #webdevsimplified
YouTube
This Is The Perfect Project For Your React/TypeScript Resume
PropelAuth: https://bit.ly/PropelAuthWDS
Select components are one of the most important components you will use in React, but how exactly do you create a good select component. In this video I will breakdown how to create a select component in React using…
Select components are one of the most important components you will use in React, but how exactly do you create a good select component. In this video I will breakdown how to create a select component in React using…
Create multi-step forms with React Hook with Web Dev Simplified
https://youtu.be/uDCBSnWkuH0
---
Freecodecamp practice on lazy loading images in React JS
https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/
---
Long practice building fullstack JS application with Next JS , TypeScript and Prism ORM
https://www.modernfrontends.live/workshops/build-a-full-stack-typescript--application-with-next.js%2C-turborepo%2C-and-prisma
---
Create a web portfolio with Next JS, Tailwind CSS, TypeScript, and Framer motion
https://medium.com/@vivekmittal199/how-i-built-my-portfolio-using-next-js-tailwindcss-typescript-and-framer-motion-8e7b2f82cfa1
#react #webdevsimplified #prisma #nextjs #form #multistep #image #lazyloading
https://youtu.be/uDCBSnWkuH0
---
Freecodecamp practice on lazy loading images in React JS
https://www.freecodecamp.org/news/how-to-lazy-load-images-in-react/
---
Long practice building fullstack JS application with Next JS , TypeScript and Prism ORM
https://www.modernfrontends.live/workshops/build-a-full-stack-typescript--application-with-next.js%2C-turborepo%2C-and-prisma
---
Create a web portfolio with Next JS, Tailwind CSS, TypeScript, and Framer motion
https://medium.com/@vivekmittal199/how-i-built-my-portfolio-using-next-js-tailwindcss-typescript-and-framer-motion-8e7b2f82cfa1
#react #webdevsimplified #prisma #nextjs #form #multistep #image #lazyloading
YouTube
Multistep Form Custom Hook With React And TypeScript
Multistep forms are a really common problem you need to solve in React, but there are no good ways to make it expandable to multiple forms. That is why I created this tutorial. It covers how to create a reusable React hook that can convert any existing set…
Tips for good use of React Hook from Web Dev Simplified
https://youtu.be/GGo3MVBFr1A
#react #hooks #webdevsimplified
https://youtu.be/GGo3MVBFr1A
#react #hooks #webdevsimplified
YouTube
Top 6 React Hook Mistakes Beginners Make
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
📚 Materials/References:
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
Reference vs Value Video: https://youtu.be/…
📚 Materials/References:
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
Reference vs Value Video: https://youtu.be/…
Example of using strict mode JavaScript from Web Dev Simplified
https://www.youtube.com/watch?v=G9QTBS2x8U4
#webdevsimplified #strictmode
https://www.youtube.com/watch?v=G9QTBS2x8U4
#webdevsimplified #strictmode
YouTube
JavaScript Was So Bad They Had To Add A Second Mode To Fix It
JavaScript used to be the wild west when it came to hidden errors. So many unintuitive mistakes/errors were hidden which is why JavaScript introduced strict mode to clean up those weird interactions. Strict mode adds a bunch of different rules mostly around…