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…
Renaming files in Linux with Terminal bash
https://www.freecodecamp.org/news/rename-file-linux-bash-command/
#linux #rename #file
https://www.freecodecamp.org/news/rename-file-linux-bash-command/
#linux #rename #file
freeCodeCamp.org
Rename a File in Linux – Bash Terminal Command
Renaming files is a very common operation whether you are using the command line or the GUI. Compared to the GUI (or Graphical User Interface), the CLI is especially powerful. This is in part because you can rename files in bulk or even schedule the...
Using Node JS to get filename without file extension
https://javascript.plainenglish.io/node-js-get-file-name-without-extension-2d33f1716733
#nodejs #file #extension #name
https://javascript.plainenglish.io/node-js-get-file-name-without-extension-2d33f1716733
#nodejs #file #extension #name
Medium
How to Get a File Name Without the Extension in Node.js
A tutorial on how to easily get the name of a file without the extension in Node.js.
The practice of Lama Dev makes a web portfolio with an attractive appearance
https://youtu.be/JbtKDbtqLiQ
---
Some JavaScript-based portfolio references discussed by James Quick
https://youtu.be/rEa99-NQ9Bk
---
Important tips and tricks for using JavaScript Spread Operators
https://javascript.plainenglish.io/7-es6-spread-operator-tricks-and-tips-every-developer-should-know-about-33d7a77e2dfe
---
Creating a modal dialog with JavaScript
https://www.freecodecamp.org/news/how-to-build-a-modal-with-javascript/
---
Important exercises using the frequently used Array manipulation functions are Array Map, filter, and reduce
https://www.freecodecamp.org/news/map-filter-reduce-in-javascript/
---
#portfolio #lamaDev #jamesQuick #map #filter #reduce #modal #array
https://youtu.be/JbtKDbtqLiQ
---
Some JavaScript-based portfolio references discussed by James Quick
https://youtu.be/rEa99-NQ9Bk
---
Important tips and tricks for using JavaScript Spread Operators
https://javascript.plainenglish.io/7-es6-spread-operator-tricks-and-tips-every-developer-should-know-about-33d7a77e2dfe
---
Creating a modal dialog with JavaScript
https://www.freecodecamp.org/news/how-to-build-a-modal-with-javascript/
---
Important exercises using the frequently used Array manipulation functions are Array Map, filter, and reduce
https://www.freecodecamp.org/news/map-filter-reduce-in-javascript/
---
#portfolio #lamaDev #jamesQuick #map #filter #reduce #modal #array
YouTube
Portfolio Website For Developers and Designers | HTML CSS JS Portfolio
Build and deploy a responsive parallax portfolio website with HTML & CSS
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV
If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV
If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join…
Some of TypeScript's advantages and disadvantages
https://blog.logrocket.com/understanding-typescripts-benefits-pitfalls/
---
Getting to know assertion functions in JavaScript
https://blog.logrocket.com/assertion-functions-typescript/
---
#typescript
https://blog.logrocket.com/understanding-typescripts-benefits-pitfalls/
---
Getting to know assertion functions in JavaScript
https://blog.logrocket.com/assertion-functions-typescript/
---
#typescript
LogRocket Blog
Understanding TypeScript’s benefits and pitfalls - LogRocket Blog
If you haven't taken up TypeScript yet, now's the time! Start here by learning how TypeScript can benefit your project, and what to be wary of.
Get to know the Builder Pattern design pattern in TypeScript
https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#builder #pattern #design
https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#builder #pattern #design
Medium
Design Patterns: Builder Pattern in TypeScript
Master the Builder Pattern and Easily Handle the Creation of Objects.
Several Notion templates for note-taking for app developers
https://dev.to/surazondev/free-awesome-notion-templates-for-developers-43mh
#notion #template
https://dev.to/surazondev/free-awesome-notion-templates-for-developers-43mh
#notion #template
Practice creating Authentication and protected routing systems in React JS and Strapi CMS
https://medium.com/strapi/protected-routes-and-authentication-with-react-and-node-js-6cf47fd5a02e
#strapi #react #auth #nodejs #cms
https://medium.com/strapi/protected-routes-and-authentication-with-react-and-node-js-6cf47fd5a02e
#strapi #react #auth #nodejs #cms
Medium
Protected Routes and Authentication with React and Node.js
This article explores Protected Routes and Authentication with React and Node.js
Simple configuration for Prisma ORM usage in Node JS
https://blog.logrocket.com/how-configure-indexes-prisma/
#prism #orm
https://blog.logrocket.com/how-configure-indexes-prisma/
#prism #orm
LogRocket Blog
How to configure indexes in Prisma - LogRocket Blog
Here, we explore what Prisma is, what database indexes are, their importance to database operations, and how to configure them.
Reference some UI Components that can be used for the web application design process
https://dev.to/aviyel/top-9-best-ui-component-librariesframeworks-in-2022-for-frontend-developers-b48
#ui #component #library
https://dev.to/aviyel/top-9-best-ui-component-librariesframeworks-in-2022-for-frontend-developers-b48
#ui #component #library
An update to the VS Code/Codium text editor is available, and can be downloaded. There are many additional features and release notes that can be seen here
https://code.visualstudio.com/updates/v1_72
#release #vscode #codium
https://code.visualstudio.com/updates/v1_72
#release #vscode #codium
The Orton Effect: 'Dreamy' Looking Photos with CSS and React
https://mikebifulco.com/posts/orton-effect-css-react
#react
https://mikebifulco.com/posts/orton-effect-css-react
#react
Mikebifulco
The Orton Effect - dreamy photo effect in CSS and React
Implement the Orton Effect in CSS and React. The Orton Effect creates a surreal, dreamy image effect, named after photographer Michael Orton.
How to write maintainable JavaScript code in 2023 — Web or Node.js
https://blog.devgenius.io/how-to-write-maintainable-javascript-code-in-2023-web-or-node-js-d66d8baead67
#nodejs
https://blog.devgenius.io/how-to-write-maintainable-javascript-code-in-2023-web-or-node-js-d66d8baead67
#nodejs
Medium
How to write maintainable JavaScript code in 2023 — Web or Node.js
JavaScript development is still chaotic in 2022. As computers get faster, we get to write code for programmers, not for machines.
Some library references that can be used in JavaScript projects
https://javascript.plainenglish.io/7-useful-javascript-libraries-you-should-use-in-your-next-project-47d233d24480
#library
https://javascript.plainenglish.io/7-useful-javascript-libraries-you-should-use-in-your-next-project-47d233d24480
#library
Medium
7 Useful JavaScript Libraries You Should Use in Your Next Project
Power up your JavaScript development
Comparison between Vite JS and Webpack as a module bundler
https://medium.com/vue-mastery/vite-vs-webpack-3b1fd79c4d22
#vue #vite #bundler
https://medium.com/vue-mastery/vite-vs-webpack-3b1fd79c4d22
#vue #vite #bundler
Medium
Vite vs Webpack
Explore Vite vs Vue CLI under the hood so you can make the best choice for your needs
From John Komarnicky creating infinite scrolling in Vue JS and using the VueUse library
https://www.youtube.com/watch?v=WRnoQdIU-uE
#vue #infinite #scrolling
https://www.youtube.com/watch?v=WRnoQdIU-uE
#vue #infinite #scrolling
YouTube
Infinite Scrolling With Vue & VueUse
This video explains how to create a simple infinite scrolling component using vue 3 and a library, vueUse
Vue Suspense: https://youtu.be/r9OmM2FpcC8
-----------------------------------------------------------------------------------------------------
Join…
Vue Suspense: https://youtu.be/r9OmM2FpcC8
-----------------------------------------------------------------------------------------------------
Join…
Some tips on using Cron Job on Node JS
https://myas92.medium.com/useful-tips-about-cron-job-in-node-js-9ec9acf5fe4c
#nodejs #cronjob
https://myas92.medium.com/useful-tips-about-cron-job-in-node-js-9ec9acf5fe4c
#nodejs #cronjob
Medium
Useful Tips About Cron Job In Node.js
Cron Jobs in node.js is used for scheduling scripts to run, They’re most commonly used for automating doing a task like scraping data from…
A collection of cheat sheets or tips for web developers
https://dev.to/mustapha/5-webdev-tips-you-may-want-to-know-2-41e
#cheatsheets #tips
https://dev.to/mustapha/5-webdev-tips-you-may-want-to-know-2-41e
#cheatsheets #tips
DEV Community 👩💻👨💻
Web workers cheatsheet & 4 other webdev tips you may want to know 🚀
1. Web workers cheatsheet A worker thread can perform tasks without interfering with the...
13 REST API interview questions you need to know
https://grokkingtechinterview.com/13-rest-api-interview-questions-you-need-to-know-f0e7ec857550?gi=658c99953c3e
#rest #api #interview
https://grokkingtechinterview.com/13-rest-api-interview-questions-you-need-to-know-f0e7ec857550?gi=658c99953c3e
#rest #api #interview
Medium
13 REST API interview questions you need to know
Show your interviewers you know all about REST APIs and land your dream job.
Awesome tools for Open Source Contribution
https://dev.to/surajondev/awesome-tools-for-open-source-contribution-36cm
#opensource #beginners #javascript
#react
https://dev.to/surajondev/awesome-tools-for-open-source-contribution-36cm
#opensource #beginners #javascript
#react
DEV Community
Awesome tools for Open Source Contribution
Introduction We are in October which is well known as the month of Hacktoberfest in the...