Global Nuxt JS plugin practice
https://blog.logrocket.com/how-to-create-a-global-custom-plugin-in-nuxt-js/
#nuxt #vue #plugin #global
https://blog.logrocket.com/how-to-create-a-global-custom-plugin-in-nuxt-js/
#nuxt #vue #plugin #global
Simple contact form with NextJS & EmailJS
https://scottprins.hashnode.dev/simple-contact-form-with-nextjs-emailjs
#Nextjs #React #WebDevelopment #JavaScript #tips
https://scottprins.hashnode.dev/simple-contact-form-with-nextjs-emailjs
#Nextjs #React #WebDevelopment #JavaScript #tips
ScottPrins.dev
Simple Contact form with NextJS and EmailJS
Contact forms are like a direct line from your users to you, and more often than not provide a ton of insight into how your users perceive and communicate with your business, especially new customers. While you may think that creating a contact form ...
Practice using Nuxt JS and Storyblok for web application content and data management
https://www.youtube.com/watch?v=zVISvGMz6xc
#nuxtjs #vue #storyblock
https://www.youtube.com/watch?v=zVISvGMz6xc
#nuxtjs #vue #storyblock
YouTube
How I Use Nuxt + Storyblok to Manage Content
Thanks to Storyblok for sponsoring this video: https://go.learnvue.co/storyblok
RESOURCES
Storyblok Nuxt Docs
https://github.com/storyblok/storyblok-nuxt
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content…
RESOURCES
Storyblok Nuxt Docs
https://github.com/storyblok/storyblok-nuxt
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content…
Create a typewriter effect for code blocks with React
https://blog.logrocket.com/code-block-typewriter-effect-react/
#react #reactjs #typewriter
https://blog.logrocket.com/code-block-typewriter-effect-react/
#react #reactjs #typewriter
LogRocket Blog
Create a typewriter effect for code blocks with React - LogRocket Blog
With a typewriter effect, words are displayed one letter at a time, making the text appear as if it's being written in real time.
How to Use OpenTelemetry to Trace Node.js Applications
https://developers.redhat.com/articles/2022/08/23/how-use-opentelemetry-trace-nodejs-applications?utm_campaign=how-to-use-opentelemetry-to-trace-node.j
#nodejs
https://developers.redhat.com/articles/2022/08/23/how-use-opentelemetry-trace-nodejs-applications?utm_campaign=how-to-use-opentelemetry-to-trace-node.j
#nodejs
Red Hat Developer
How to use OpenTelemetry to trace Node.js applications | Red Hat Developer
One great thing about Node.js is how well it performs inside a container. The shift to containerized deployments and environments comes with extra complexity.
Dynamic Link Previews for a React SPA using AWS Lambda@Edge
cgarethc.medium.com/dynamic-link-previews-with-a-react-spa-using-aws-lambda-edge-e33d51e6795c?utm_campaign=dynamic-link-previews-for-a-react-spa-us
#spa #link #preview
cgarethc.medium.com/dynamic-link-previews-with-a-react-spa-using-aws-lambda-edge-e33d51e6795c?utm_campaign=dynamic-link-previews-for-a-react-spa-us
#spa #link #preview
Medium
Dynamic link previews with a React SPA using AWS Lambda@Edge
Using AWS Lambda@Edge to render an index.html with dynamic meta tags to support link previews on WhatsApp, Twitter etc for a React SPA
Practice getting to know React JS by building a simple app with Freecodecamp
https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/
---
Build a React JS app with Vite bundler
https://dev.to/valeriavg/better-ways-to-create-react-app-3p50
---
Some tips on optimizing React JS apps
https://javascript.plainenglish.io/5-tools-practices-to-help-you-develop-faster-in-react-b884c1b20fc2
---
Creating a waterfall Chart in React JS with the help of the Visx library
https://javascript.plainenglish.io/how-to-create-a-waterfall-chart-in-react-with-visx-51ed1721dc77
---
#react #course #waterfall #chart #vite
https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/
---
Build a React JS app with Vite bundler
https://dev.to/valeriavg/better-ways-to-create-react-app-3p50
---
Some tips on optimizing React JS apps
https://javascript.plainenglish.io/5-tools-practices-to-help-you-develop-faster-in-react-b884c1b20fc2
---
Creating a waterfall Chart in React JS with the help of the Visx library
https://javascript.plainenglish.io/how-to-create-a-waterfall-chart-in-react-with-visx-51ed1721dc77
---
#react #course #waterfall #chart #vite
freeCodeCamp.org
Learn React from Three All-Star Instructors
React is one of the most popular frontend JavaScript frameworks. If you want to be a frontend developer, you will likely need to know something about React. We just published a full React course for beginners on the freeCodeCamp.org YouTube channel. ...
Converting String data type to number form in JavaScript
https://www.freecodecamp.org/news/string-to-number-in-javascript-convert-a-string-to-an-int-in-js/
---
Practice using Array Map function for data search filter function in JavaScript
https://www.freecodecamp.org/news/how-to-use-javascript-map-method-to-make-a-breath-first-and-depth-first-search/
---
Know what the DOM is in Javascript
https://javascript.plainenglish.io/what-is-dom-in-javascript-c95531731367
---
#number #int #string #dom #array #map
https://www.freecodecamp.org/news/string-to-number-in-javascript-convert-a-string-to-an-int-in-js/
---
Practice using Array Map function for data search filter function in JavaScript
https://www.freecodecamp.org/news/how-to-use-javascript-map-method-to-make-a-breath-first-and-depth-first-search/
---
Know what the DOM is in Javascript
https://javascript.plainenglish.io/what-is-dom-in-javascript-c95531731367
---
#number #int #string #dom #array #map
freeCodeCamp.org
String to Number in JavaScript – Convert a String to an Int in JS
When you're programming, you'll often need to switch between data types. For example, you may need to convert a string into a number. The ability to convert one data type to another gives you great flexibility when working with information. JavaScript has…
Introducing Zephyr CSS, Tailwind CSS based UI component for React Native
https://blog.logrocket.com/zephyr-tailwind-css-react-native/
#react #tailwind #zephyr
https://blog.logrocket.com/zephyr-tailwind-css-react-native/
#react #tailwind #zephyr
LogRocket Blog
Introducing Zephyr: Tailwind CSS for React Native - LogRocket Blog
React Native Zephyr is a Tailwind CSS-inspired styling library designed to increase your development speed and ship React Native apps faster.
Get to know the features of ES2015 in no time
https://javascript.plainenglish.io/understand-es6-in-20-minutes-8ab8f958e379
---
Hiding DOM elements with JavaScript
https://reactgo.com/javascript-hide-element-by-id/
#es2015 #dom
https://javascript.plainenglish.io/understand-es6-in-20-minutes-8ab8f958e379
---
Hiding DOM elements with JavaScript
https://reactgo.com/javascript-hide-element-by-id/
#es2015 #dom
Medium
Understand ES6 in 20 Minutes
Don’t let anyone tell you: “How dare you say you know JS if you don’t know ES6!”
Component Communication in VueJs
https://pasankamburugamuwa1.medium.com/component-communication-in-vuejs-6a4ee553fcbf?utm_campaign=component-communication-in-vuejs---https
#vue
https://pasankamburugamuwa1.medium.com/component-communication-in-vuejs-6a4ee553fcbf?utm_campaign=component-communication-in-vuejs---https
#vue
Medium
Component Communication in VueJs
In most Javascript frameworks, the entire web page is divided into smaller components and together with all those components, we call a web…
VS Code/Codium text editor with update 1.71 is available and can be downloaded. There are several improvements and additional features that can be seen at the following link
https://code.visualstudio.com/updates/v1_71
#vscode #release
https://code.visualstudio.com/updates/v1_71
#vscode #release
Allright then gang, Net Ninja released an exercise using the Supabase cloud service as a ready-to-use cloud database. With a case example of creating a JavaScript and CRUD-based web application to Supabase.
https://www.youtube.com/watch?v=ydz7Dj5QHKY&list=PL4cUxeGkcC9hUb6sHthUEwG7r9VDPBMKO&index=1&t=6s
#netninja #supabase #firebase
https://www.youtube.com/watch?v=ydz7Dj5QHKY&list=PL4cUxeGkcC9hUb6sHthUEwG7r9VDPBMKO&index=1&t=6s
#netninja #supabase #firebase
YouTube
Supabase Tutorial #1 - What is Supabase?
Hey gang, in this first Supabase tutorial we'll take a look at what Supabase is & what we'll be making in the rest of the series.
🐱💻 Access the course files on GitHub:
https://github.com/iamshaunjp/Supabase-Tutorial-for-Beginners
🐱💻 React Complete Tutorial…
🐱💻 Access the course files on GitHub:
https://github.com/iamshaunjp/Supabase-Tutorial-for-Beginners
🐱💻 React Complete Tutorial…
Practice creating a blog app with Remix JS and Strapi CMS
https://medium.com/strapi/how-to-build-a-blog-app-with-remix-and-strapi-cms-efbb341d3b89
—-
Creating a React Native application with Strapi CMS as the backend server
https://medium.com/strapi/creating-a-react-native-app-with-strapi-as-the-backend-8ec44400dcfd
---
Creating Authentication system with React JS, Context, and Router
https://dev.to/gabrieldneto/react-authentication-with-context-api-and-react-router-v6-typescript-4kn8
#strapi #remix #reactNative #router
https://medium.com/strapi/how-to-build-a-blog-app-with-remix-and-strapi-cms-efbb341d3b89
—-
Creating a React Native application with Strapi CMS as the backend server
https://medium.com/strapi/creating-a-react-native-app-with-strapi-as-the-backend-8ec44400dcfd
---
Creating Authentication system with React JS, Context, and Router
https://dev.to/gabrieldneto/react-authentication-with-context-api-and-react-router-v6-typescript-4kn8
#strapi #remix #reactNative #router
Medium
How to Build a Blog App with Remix and Strapi CMS
This article details the steps to build a blog app with Remix and Strapi CMS.
How to do web scrapping on data table elements using pagination, using the Playwright library
https://javascript.plainenglish.io/scrape-data-from-a-website-with-pagination-using-javascript-playwright-14c46d9148dd
#webscrapping #playwright
https://javascript.plainenglish.io/scrape-data-from-a-website-with-pagination-using-javascript-playwright-14c46d9148dd
#webscrapping #playwright
Medium
Scrape Data From a Website With Pagination Using JavaScript & Playwright
Explanation with traditional pagination
How to delete elements in a specific array using JavaScript
https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/
#array #element #remove
https://www.freecodecamp.org/news/how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js/
#array #element #remove
freeCodeCamp.org
How to Remove an Element from a JavaScript Array – Removing a Specific Item in JS
You will often need to remove an element from an array in JavaScript, whether it's for a queue data structure, or maybe from your React State. In the first half of this article you will learn all the methods that allow you to remove an element from a...
Extract Parameter Types from String Literal Types with TypeScript
https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/?utm_campaign=extract-parameter-types-from-string-lite
#typescript
https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/?utm_campaign=extract-parameter-types-from-string-lite
#typescript
Lihautan
Extract parameter types from string literal types with TypeScript
Parse and derive types from string literal types in TypeScript using the Template Literal Types, turning `'/purchase/[shopid]/[itemid]/args/[...args]'` into `{ shopid: number, itemid: number, args: string[] }`
Advanced React Component Composition
https://frontendmastery.com/posts/advanced-react-component-composition-guide/?utm_campaign=advanced-react-component-composition
#react
https://frontendmastery.com/posts/advanced-react-component-composition-guide/?utm_campaign=advanced-react-component-composition
#react
Frontendmastery
Advanced React component composition
A deep dive on composition in React. Learn key principles for designing and building reusable components that scale.
Code Angular the 2022 Way
https://javascript.plainenglish.io/code-angular-the-2022-way-make-the-change-and-be-ahead-8493224ac6ae?utm_campaign=code-angular-the-2022-waydont-be-le
#angular
https://javascript.plainenglish.io/code-angular-the-2022-way-make-the-change-and-be-ahead-8493224ac6ae?utm_campaign=code-angular-the-2022-waydont-be-le
#angular
Medium
Code Angular the 2022 Way
Don’t be left out of Angular 14 by continuing to code Angular the old way. Upgrade your app today to make your code cleaner and faster.
Recognizing Speech with vanilla JavaScript
https://blog.openreplay.com/recognizing-speech-with-vanilla-javascript
#javascript #vanillajs #speechrecognition
https://blog.openreplay.com/recognizing-speech-with-vanilla-javascript
#javascript #vanillajs #speechrecognition