Javascript Weekly
09/06/2022
• News Building an Aircraft Radar System in JavaScript
• News 12 Useful JavaScript Data Grid Libraries
• News Stytch Is Your All-In-One Platform for User Authentication
• News JSON Crack: Visualize JSON Data in Graph Form
• News Are Default Exports in JavaScript Modules Terrible?
• News Implementing a Promisable setTimeout
• News Webinar - AuthN & AuthZ: Security, Compliance, and Other Challenges
• News Understanding React's useMemo and useCallback
• News An Introduction to Dependency Injection
• News In-Browser Compression and Decompression with the Compression Streams API
• News Integrate eSignatures in Your App in Less Than a Week
• News Making a Morphing 3D Sphere with Three.js
• News Bringing Angular Components to Astro Islands 🏝
• News Lusift: Library to Create Product Walkthroughs for Your Web App
• News Derive Type: Generate Type Definitions for JS Automatically From Tests
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News Hyper Fetch: A Turbocharged Fetch Library
• News Partytown 0.7: Run Third Party Scripts in a Web Worker
• News Sandpack: Component Toolkit for Creating Your Own Live Running Code Editing Experience
• News TestCafe v2.0.0: Automated End-to-End Testing Tool
Tags: #Javascriptweekly #Javascript #JS #weekly
09/06/2022
• News Building an Aircraft Radar System in JavaScript
• News 12 Useful JavaScript Data Grid Libraries
• News Stytch Is Your All-In-One Platform for User Authentication
• News JSON Crack: Visualize JSON Data in Graph Form
• News Are Default Exports in JavaScript Modules Terrible?
• News Implementing a Promisable setTimeout
• News Webinar - AuthN & AuthZ: Security, Compliance, and Other Challenges
• News Understanding React's useMemo and useCallback
• News An Introduction to Dependency Injection
• News In-Browser Compression and Decompression with the Compression Streams API
• News Integrate eSignatures in Your App in Less Than a Week
• News Making a Morphing 3D Sphere with Three.js
• News Bringing Angular Components to Astro Islands 🏝
• News Lusift: Library to Create Product Walkthroughs for Your Web App
• News Derive Type: Generate Type Definitions for JS Automatically From Tests
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News Hyper Fetch: A Turbocharged Fetch Library
• News Partytown 0.7: Run Third Party Scripts in a Web Worker
• News Sandpack: Component Toolkit for Creating Your Own Live Running Code Editing Experience
• News TestCafe v2.0.0: Automated End-to-End Testing Tool
Tags: #Javascriptweekly #Javascript #JS #weekly
How to Deploy and Host Angular 🅰️ Micro Frontend for FREE Using Firebase 🔥
A tutorial on how to deploy and host a micro frontend app free and with zero stress. - https://itnext.io/how-to-deploy-and-host-angular-%EF%B8%8F-micro-frontend-for-free-using-firebase-6e675b511a4
#angular
A tutorial on how to deploy and host a micro frontend app free and with zero stress. - https://itnext.io/how-to-deploy-and-host-angular-%EF%B8%8F-micro-frontend-for-free-using-firebase-6e675b511a4
#angular
Medium
How to Deploy and Host Angular 🅰️ Micro Frontend for FREE Using Firebase 🔥
A tutorial on how to deploy and host a micro frontend app free and with zero stress.
A series of exercises on how to deploy multiple Node JS applications on a single server using NGINX, SSL, and PM2
https://javascript.plainenglish.io/how-to-deploy-multiple-nodejs-apps-on-a-single-server-with-ssl-nginx-pm2-part-2-91ea028473a5
---
Introduction to PNPM package manager in Node JS
https://javascript.plainenglish.io/what-is-pnpm-why-you-should-try-it-as-a-frontend-developer-69a3a7b34f5b
---
Difference between dirname function and processCwd
https://dev.to/qbentil/nodejs-dirname-vrs-processcwd-3k88
#nodejs #deploy #nginx #pnpm #dirname
https://javascript.plainenglish.io/how-to-deploy-multiple-nodejs-apps-on-a-single-server-with-ssl-nginx-pm2-part-2-91ea028473a5
---
Introduction to PNPM package manager in Node JS
https://javascript.plainenglish.io/what-is-pnpm-why-you-should-try-it-as-a-frontend-developer-69a3a7b34f5b
---
Difference between dirname function and processCwd
https://dev.to/qbentil/nodejs-dirname-vrs-processcwd-3k88
#nodejs #deploy #nginx #pnpm #dirname
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
Example of using Spread Operator in JavaScript
https://javascript.plainenglish.io/4-spread-operator-secrets-in-javascript-92681b3baea1
—-
Implementing the Intersection Observer API on Vue JS
https://medium.com/notonlycss/how-to-trigger-a-scroll-event-in-vue-js-with-the-intersectionobserver-b0a057b76bea
#spread #operator #vue #observer
https://javascript.plainenglish.io/4-spread-operator-secrets-in-javascript-92681b3baea1
—-
Implementing the Intersection Observer API on Vue JS
https://medium.com/notonlycss/how-to-trigger-a-scroll-event-in-vue-js-with-the-intersectionobserver-b0a057b76bea
#spread #operator #vue #observer
Medium
4 Spread Operator Practical Uses in JavaScript
What is the JavaScript Spread operator? It allows an iterable, such as an array, to be expanded in place.
Introductory training on what Nuxt Content is
https://www.youtube.com/watch?v=vgCPAtMwDxA
#nuxt #vue #nodejs
https://www.youtube.com/watch?v=vgCPAtMwDxA
#nuxt #vue #nodejs
YouTube
Why You Should Try Nuxt Content
RESOURCES
Nuxt Content Docs - https://content.nuxtjs.org/
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content, interactive code challenges, and more.
https://learnvue.co/vue-3-essentials-cheatsheet/…
Nuxt Content Docs - https://content.nuxtjs.org/
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content, interactive code challenges, and more.
https://learnvue.co/vue-3-essentials-cheatsheet/…
Implementing Onion architecture in NestJs
What’s Onion architecture and why you should apply it in your next Nestjs project - https://medium.com/@amranwar/implementing-onion-architecture-in-nestjs-f84a7a1456c4
#nodejs #nestjs
What’s Onion architecture and why you should apply it in your next Nestjs project - https://medium.com/@amranwar/implementing-onion-architecture-in-nestjs-f84a7a1456c4
#nodejs #nestjs
Medium
Implementing Onion architecture in NestJs
What’s Onion architecture and why you should apply it in your next Nestjs project
👍1
Micro-Frontends at Scale
How to leverage Micro-Frontends with Module Federation - https://levelup.gitconnected.com/micro-frontends-at-scale-part-2-d10994f09f18
#microfrontends
How to leverage Micro-Frontends with Module Federation - https://levelup.gitconnected.com/micro-frontends-at-scale-part-2-d10994f09f18
#microfrontends
Medium
Micro-Frontends at Scale (part 2)
How to leverage Micro-Frontends with Module Federation
Creating CRUD systems and APIs using Express JS and Node JS
https://medium.com/7span/crud-operation-using-node-js-and-express-js-a0d63a2216aa
#express #nodejs #crud
https://medium.com/7span/crud-operation-using-node-js-and-express-js-a0d63a2216aa
#express #nodejs #crud
Medium
CRUD operation using Node.js and Express.js
In this medium article, I will show you how to perform basic CRUD operations with the help of Node.js and Express.js. You will also get an…
Long practice creating job vacancies with Next JS, Tailwind CSS and Strapi CMS
https://medium.com/strapi/how-to-build-a-job-board-with-next-js-tailwind-css-and-strapi-ff7896e3f539
—-
Practice using Next JS and case examples
https://javascript.plainenglish.io/next-js-middleware-how-it-works-and-5-real-use-cases-cfacbeb810c9
—-
Unit Testing with Cypress in React JS
https://blog.logrocket.com/unit-testing-react-cypress/
---
Comparison of server-side rendering SSR-based Javascript frameworks
https://dev.to/kaspera/we-measured-the-ssr-performance-of-6-js-frameworks-heres-what-we-found-1ck0
#nextjs #react #ssr #strapi #tailwind #cypress #testing
https://medium.com/strapi/how-to-build-a-job-board-with-next-js-tailwind-css-and-strapi-ff7896e3f539
—-
Practice using Next JS and case examples
https://javascript.plainenglish.io/next-js-middleware-how-it-works-and-5-real-use-cases-cfacbeb810c9
—-
Unit Testing with Cypress in React JS
https://blog.logrocket.com/unit-testing-react-cypress/
---
Comparison of server-side rendering SSR-based Javascript frameworks
https://dev.to/kaspera/we-measured-the-ssr-performance-of-6-js-frameworks-heres-what-we-found-1ck0
#nextjs #react #ssr #strapi #tailwind #cypress #testing
Medium
How to Build a Job Board with Next.js, Tailwind CSS, and Strapi
In this article, you will learn how to build a job board with Next.js and Tailwind CSS with Strapi as a backend.
Angular Developer Roadmap 2022 (Things Every Budding Angular Developer Should Know)
https://medium.com/@venkateshb-03/angular-developer-roadmap-2025-things-every-budding-angular-developer-should-know-86061c84a0f9
https://medium.com/@venkateshb-03/angular-developer-roadmap-2025-things-every-budding-angular-developer-should-know-86061c84a0f9
JavaScript SDK “Package Size is Massive” - So we reduced it by 29%
https://blog.sentry.io/2022/07/19/javascript-sdk-package-reduced
#javascript #webdevelopment
https://blog.sentry.io/2022/07/19/javascript-sdk-package-reduced
#javascript #webdevelopment
Top JS animation libraries you should look into:
- Anime.js
- Velocity.js
- Popmotion
- Three.js
- AniJS
- Mo.js
- Anime.js
- Velocity.js
- Popmotion
- Three.js
- AniJS
- Mo.js
👍2
Create blog page preview function with Nuxt Preview plugin and Strapi CMS
https://medium.com/strapi/implementing-previews-with-nuxt-applications-using-a-strapi-backend-b3e1b3664425
—-
Adding external JavaScript code to Vue JS
https://medium.com/techvblogs/how-to-add-an-external-js-scripts-to-vuejs-components-90114d248034
—-
Get to know Pinia state management for Vue JS
https://fadamakis.medium.com/the-future-of-state-management-in-vue-js-fa3f94865d1f
#vue #nuxt #preview #pinia #external
https://medium.com/strapi/implementing-previews-with-nuxt-applications-using-a-strapi-backend-b3e1b3664425
—-
Adding external JavaScript code to Vue JS
https://medium.com/techvblogs/how-to-add-an-external-js-scripts-to-vuejs-components-90114d248034
—-
Get to know Pinia state management for Vue JS
https://fadamakis.medium.com/the-future-of-state-management-in-vue-js-fa3f94865d1f
#vue #nuxt #preview #pinia #external
Medium
Implementing Previews with Nuxt Applications using a Strapi Backend
In this step-by-step beginners tutorial, you'll learn how to integrate Nuxt Previews using Strapi as the backend to preview content before publishing it.
Some functions for Array manipulation that are often used in JavaScript
https://dev.to/codewithtee/15-array-methods-in-javascript-1p1m
—-
Practice using the Console API in JavaScript
https://dev.to/mursalfk/consoles-in-javascript-3c3d
#array #console
https://dev.to/codewithtee/15-array-methods-in-javascript-1p1m
—-
Practice using the Console API in JavaScript
https://dev.to/mursalfk/consoles-in-javascript-3c3d
#array #console
DEV Community
15+ Array Methods in Javascript
What is Array in JS? The Array object, as with arrays in other programming languages,...
5 JavaScript Concepts to Make You an Excellent Front-end Developer
https://javascript.plainenglish.io/5-javascript-concepts-to-make-you-an-excellent-front-end-developer-994676aa2431
#javascript
https://javascript.plainenglish.io/5-javascript-concepts-to-make-you-an-excellent-front-end-developer-994676aa2431
#javascript
Medium
5 JavaScript Concepts to Make You an Excellent Front-end Developer
Part 5: A knowledge of these concepts in JavaScript can help you become an excellent front-end developer.