Making an application for downloading music data from Youtube with React JS, together with the Cand Dev channel
https://www.youtube.com/watch?v=TFX19GQ8LMQ
#cand #dev #youtube #mp3 #downloader
  
  https://www.youtube.com/watch?v=TFX19GQ8LMQ
#cand #dev #youtube #mp3 #downloader
YouTube
  
  Build Youtube to MP3 Downloader With React
  Building a YouTube to MP3 downloader with React, that allows users to search for and download YouTube videos in MP3 format
👨💻Code:
https://github.com/candraKriswinarto/youtube2mp3
🔗Link:
rapidApi - https://rapidapi.com/ytjar/api/youtube-mp36/
vite - h…
  👨💻Code:
https://github.com/candraKriswinarto/youtube2mp3
🔗Link:
rapidApi - https://rapidapi.com/ytjar/api/youtube-mp36/
vite - h…
Reference React JS projects to try as a beginner
https://www.freecodecamp.org/news/react-projects-for-beginners-easy-ideas-with-code/
---
React project configuration with Tailwind and Vite JS
https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/
---
#react #tailwind #vite
  
  https://www.freecodecamp.org/news/react-projects-for-beginners-easy-ideas-with-code/
---
React project configuration with Tailwind and Vite JS
https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/
---
#react #tailwind #vite
freeCodeCamp.org
  
  React Projects for Beginners in 2023 – Fun Ideas with Code
  You're ready to start making simple projects with React, but you don't know what to make. Where should you start? I have created seven unique and fun React projects for you to make, all of which will teach you essential React concepts that you need t...
  Building backend applications with Fastify and Node JS
https://www.telerik.com/blogs/modern-apis-fastify-node
#nodejs #fastify #api
  
  https://www.telerik.com/blogs/modern-apis-fastify-node
#nodejs #fastify #api
Telerik Blogs
  
  Modern APIs With Fastify in Node.js
  Is Fasitify the best option for making a modern Node.js API? Let’s take a look.
  Web application performance optimization with Async and defer
https://www.freecodecamp.org/news/javascript-performance-async-defer/
---
Some of the advantages of Lodash for use in Javascript projects
https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27
---
Some tips on using JSON Stringify to convert JSON data to String
https://javascript.plainenglish.io/as-a-front-end-engineer-9-secrets-about-json-stringify-you-should-know-about-e71c175f40d8
#lodash #async #defer #stringify
  
  https://www.freecodecamp.org/news/javascript-performance-async-defer/
---
Some of the advantages of Lodash for use in Javascript projects
https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27
---
Some tips on using JSON Stringify to convert JSON data to String
https://javascript.plainenglish.io/as-a-front-end-engineer-9-secrets-about-json-stringify-you-should-know-about-e71c175f40d8
#lodash #async #defer #stringify
freeCodeCamp.org
  
  JavaScript Performance – How to Improve Page Speed with async and defer
  In web programming, JavaScript brings interactiveness and dynamic behaviour to your web pages. While HTML and CSS take care of the structure and aesthetics of the pages, they will be merely usable without JavaScript doing its job in the background. You can…
❤1
  Tips and tricks for using the i18n language locale feature in Angular
https://www.telerik.com/blogs/best-practices-angular-i18n
#angular #i18n
  
  https://www.telerik.com/blogs/best-practices-angular-i18n
#angular #i18n
Telerik Blogs
  
  Best Practices for Angular i18n
  In this blog post, we will cover best practices that the virtuous Angular developers use when implementing internationalized user interfaces.
  See the release notes in Chrome Dev Tools 109
https://www.youtube.com/watch?v=PupwBARjaYU
#chrome #devTools
  
  https://www.youtube.com/watch?v=PupwBARjaYU
#chrome #devTools
YouTube
  
  Chrome 109 - What’s New in DevTools
  What’s new in DevTools (Chrome 109) → https://goo.gle/3XijMI2 
Chapters:
0:00 Intro
0:14 Replay in-page user flows
1:02 Right click on a user flow’s step
1:15 Copy step as script
1:39 Sourcemap in the Performance panel
2:27 New keyboard shortcut to switch…
  Chapters:
0:00 Intro
0:14 Replay in-page user flows
1:02 Right click on a user flow’s step
1:15 Copy step as script
1:39 Sourcemap in the Performance panel
2:27 New keyboard shortcut to switch…
Reference some ESLint rules for Angular-based projects that prioritize accessibility
https://dev.to/angular/angular-eslint-rules-for-accessible-html-content-kf5
---
Bundle size optimization in Angular
https://levelup.gitconnected.com/5-tips-for-optimizing-angular-bundle-size-f0ce5be7c0de
#angular #eslint #aria #accessibility #bundler
  
  https://dev.to/angular/angular-eslint-rules-for-accessible-html-content-kf5
---
Bundle size optimization in Angular
https://levelup.gitconnected.com/5-tips-for-optimizing-angular-bundle-size-f0ce5be7c0de
#angular #eslint #aria #accessibility #bundler
DEV Community
  
  Angular ESLint Rules for Accessible HTML Content
  Content accessibility for built-in HTML elements is the third and final category in this series on...
  A beginner's guide to using Docker
https://awstip.com/introduction-to-docker-beginners-99ee72e199d9
#docker #learn
  https://awstip.com/introduction-to-docker-beginners-99ee72e199d9
#docker #learn
The difference between var, let, and const in JavaScript
https://www.freecodecamp.org/news/differences-between-var-let-const-javascript/
----
The difference between null and undefined in JavaScript
https://javascript.plainenglish.io/what-is-the-difference-between-null-and-undefined-in-javascript-6e9b6b6b77ad
#var #let #const #null #undefined
  
  https://www.freecodecamp.org/news/differences-between-var-let-const-javascript/
----
The difference between null and undefined in JavaScript
https://javascript.plainenglish.io/what-is-the-difference-between-null-and-undefined-in-javascript-6e9b6b6b77ad
#var #let #const #null #undefined
freeCodeCamp.org
  
  var, let, and const in JavaScript – the Differences Between These Keywords Explained
  By Dillion Megida In JavaScript, you can declare variables with the var, let, and const keywords. But what are the differences between them? That's what I'll explain in this tutorial. I have a video version of this topic you can check out as well. 😇...
  Practice using React Dev Tools to debug React JS applications
https://www.freecodecamp.org/news/how-to-use-react-dev-tools/
#react #devtools
  
  https://www.freecodecamp.org/news/how-to-use-react-dev-tools/
#react #devtools
freeCodeCamp.org
  
  How to Use React Dev Tools – With Example Code and Videos
  By Aman Kalra When you're working on a React project, one of the easiest ways to debug your code is using the React Dev Tools. React Dev Tools is an extension created by the React team. It enables developers to debug their code inside their Developer...
  Build Node JS backend and fullstack JS applications with Admin JS
https://blog.logrocket.com/build-full-stack-application-adminjs/
---
Created a file upload function from Nest JS to another backend server
https://javascript.plainenglish.io/nestjs-axios-upload-file-from-one-server-to-another-9de382e4f233
---
#nodejs #adminjs #nest #axios
  
  https://blog.logrocket.com/build-full-stack-application-adminjs/
---
Created a file upload function from Nest JS to another backend server
https://javascript.plainenglish.io/nestjs-axios-upload-file-from-one-server-to-another-9de382e4f233
---
#nodejs #adminjs #nest #axios
LogRocket Blog
  
  Build a full-stack application with AdminJS - LogRocket Blog
  Learn about the features of an open source Node.js admin panel, AdminJS, and see how to use it to build a full-stack application.
  Practice on how to deploy Node JS to a VPS server with Nginx and PM2
https://javascript.plainenglish.io/how-to-deploy-multiple-nodejs-apps-on-a-single-server-with-ssl-nginx-pm2-part-2-91ea028473a5
----
Tips on securing Node JS-based applications
https://abbaslanbay.medium.com/how-to-secure-node-js-applications-a7edd0c34d02
#nodejs #deploy #vps #nginx #pm2 #security
  
  https://javascript.plainenglish.io/how-to-deploy-multiple-nodejs-apps-on-a-single-server-with-ssl-nginx-pm2-part-2-91ea028473a5
----
Tips on securing Node JS-based applications
https://abbaslanbay.medium.com/how-to-secure-node-js-applications-a7edd0c34d02
#nodejs #deploy #vps #nginx #pm2 #security
Medium
  
  How to Deploy Multiple Node.js Apps on a Single Server with SSL, Nginx, PM2
  Part 2: Deploying Multiple Node.js Apps on a Single Server with SSL, Nginx, PM2
  Tips for implementing ARIA labels for accessibility
https://www.freecodecamp.org/news/web-accessibility-common-aria-mistakes-to-avoid/
#aria #label
  
  https://www.freecodecamp.org/news/web-accessibility-common-aria-mistakes-to-avoid/
#aria #label
freeCodeCamp.org
  
  Web Accessibility – Common ARIA Mistakes to Avoid
  By Ilknur Eren Accessible Rich Internet Applications – or ARIA – is a set of attributes and roles defined by the Web Accessibility Initiative. These make the web more accessible to people with disabilities.  ARIA is extremely important for building a...
  Tips on using Vue JS in 2023
https://medium.com/vue-mastery/vue-skills-to-master-in-2023-3d266c705f81
----
Preventing Array values from being duplicated in Vue JS
https://medium.com/js-dojo/preventing-duplicate-array-values-in-vue-3-7289de361cb4
#vue #skill #array #duplicate
  
  https://medium.com/vue-mastery/vue-skills-to-master-in-2023-3d266c705f81
----
Preventing Array values from being duplicated in Vue JS
https://medium.com/js-dojo/preventing-duplicate-array-values-in-vue-3-7289de361cb4
#vue #skill #array #duplicate
Medium
  
  Vue skills to master in 2023
  This is your year to reach mastery and stay there. Check out the guide of Vue topics, tools and trends to stay on top of for 2023.
  Get to know the Xstate state management library for React JS
https://youtu.be/s0h34OkEVUE
#react #state #xstate #management
  
  https://youtu.be/s0h34OkEVUE
#react #state #xstate #management
YouTube
  
  This Library Makes State Management So Much Easier
  State management is one of the hardest parts of developing any application. This is especially apparent as your state and logic grows in complexity. This is why I love XState since it makes handling complex state logic relatively easy. Their visual editor…
  Implementing the existing SOLID principles of TypeScript
https://blog.logrocket.com/applying-solid-principles-typescript/
---
Retrieve the Object value based on the key
https://javascript.plainenglish.io/typescript-get-object-value-by-key-9062a938ae6a
---
Specifies a TypeScript type value based on a specified condition
https://blog.logrocket.com/guide-conditional-types-typescript/
#object #key #value #typescript #solid
  
  https://blog.logrocket.com/applying-solid-principles-typescript/
---
Retrieve the Object value based on the key
https://javascript.plainenglish.io/typescript-get-object-value-by-key-9062a938ae6a
---
Specifies a TypeScript type value based on a specified condition
https://blog.logrocket.com/guide-conditional-types-typescript/
#object #key #value #typescript #solid
LogRocket Blog
  
  Applying SOLID principles to TypeScript - LogRocket Blog
  Explore each of the SOLID principles, reviewing TypeScript examples to illustrate and understand why you need them in addition to OOP.
  Added Kafka for pub sub pattern in Node JS
https://blog.logrocket.com/build-durable-pub-sub-with-kafka-node-js/
----
A collection of Node JS packages that can be used in Node JS projects
https://javascript.plainenglish.io/best-10-node-packages-for-your-next-project-f95487d76e3c
#pub #sub #nodejs #kafka #package
  
  https://blog.logrocket.com/build-durable-pub-sub-with-kafka-node-js/
----
A collection of Node JS packages that can be used in Node JS projects
https://javascript.plainenglish.io/best-10-node-packages-for-your-next-project-f95487d76e3c
#pub #sub #nodejs #kafka #package
LogRocket Blog
  
  Build a durable pub-sub with Kafka in Node.js - LogRocket Blog
  Durable pub-sub builds make for faster apps. Learn why Kafka is a better choice for pub-sub over simple HTTP requests and more in this post.
  A collection of UI framework libraries that can be used on Vue JS
https://jay315.medium.com/top-10-vue-ui-framework-you-did-not-know-as-frond-end-developer-cece140a6c76
#vue #package #ui #component
  
  https://jay315.medium.com/top-10-vue-ui-framework-you-did-not-know-as-frond-end-developer-cece140a6c76
#vue #package #ui #component
Medium
  
  Top 10 Vue UI Framework You Did not Know as Frond End Developer
  The goal of Vue.js is to provide the most straightforward API for real-time, two-way data binding between the model and the view (HTML) (a…
  