Building an aircraft radar system in JavaScript
https://dev.to/devdevcharlie/building-an-aircraft-radar-system-in-javascript-4ml8
#javascript #webusb #rtlsdr
  
  https://dev.to/devdevcharlie/building-an-aircraft-radar-system-in-javascript-4ml8
#javascript #webusb #rtlsdr
DEV Community
  
  Building an aircraft radar system in JavaScript
  A few years ago, I came across an awesome talk by Thomas Watson in which he talks about how he built AirplaneJS, a web app that picks up ADS-B radio signals from airplanes and plots them in real time on a map in the browser. I had no idea this was possible…
👍1
  Introducing Gatsby, A 'Reactive Site Generator'?
https://www.gatsbyjs.com/blog/re-introducing-gatsby-a-reactive-site-generator/?utm_campaign=introducing-gatsby--a-reactive-site-gen
#react #gatsby
  
  https://www.gatsbyjs.com/blog/re-introducing-gatsby-a-reactive-site-generator/?utm_campaign=introducing-gatsby--a-reactive-site-gen
#react #gatsby
Gatsby
  
  (Re-) Introducing Gatsby, A Reactive Site Generator | Gatsby
  Gatsby Cloud can now publish to our CDN in one second. This is now 100x faster than the exact same Gatsby site building on a standard CI/CD service! I introduce a benchmark to compare Reactive Site Generation (RSG) to Static Site Generators (SSG) and Server…
  Micro Frontends in Action: Architecture and Integration Approaches
https://medium.com/deciphering-deadlocks/micro-frontends-in-action-architecture-and-integration-approaches-411e1e3b66b6?utm_campaign=micro-frontends-in-action-architecture
#microfrontends
  
  https://medium.com/deciphering-deadlocks/micro-frontends-in-action-architecture-and-integration-approaches-411e1e3b66b6?utm_campaign=micro-frontends-in-action-architecture
#microfrontends
Medium
  
  Micro Frontends in Action: Architecture and Integration Approaches
  A good frontend is tough to develop, but scaling frontend development for several teams to work at the same time on a large and complex…
  How to improve the PageSpeed score of your Nuxt.js website in 6 steps
 
https://localazy.com/blog/how-improve-pagespeed-score-nuxt-js-website-6-steps?utm_campaign=how-to-improve-the-pagespeed-score-of-yo
#vue
  
  https://localazy.com/blog/how-improve-pagespeed-score-nuxt-js-website-6-steps?utm_campaign=how-to-improve-the-pagespeed-score-of-yo
#vue
localazy.com
  
  How to improve the PageSpeed score of your Nuxt.js website in 6 steps
  Poor website performance might be costing you money. Learn why the PageSpeed score is important and how the web developers at Localazy improved the PageSpeed score of our Nuxt.js website in 6 steps.
  Exercise from Dcode on several ways to add properties into Object
https://youtu.be/M5l__DiqRno
#object #property #dcode
  
  https://youtu.be/M5l__DiqRno
#object #property #dcode
YouTube
  
  The Best Way to Add Properties to an Object in JavaScript?
  In today's video, we'll take a look at the defineProperty() function in JavaScript which is a powerful way to add properties to an object, providing more flexibility and options.
This includes things like read-only properties, getters, and setters.
For…
  This includes things like read-only properties, getters, and setters.
For…
Important practice from Josh Comeau on useMemo and useCallback in React JS
https://www.joshwcomeau.com/react/usememo-and-usecallback/
---
Using TypeScript in React Functional components
https://javascript.plainenglish.io/how-to-develop-react-functional-components-with-typescript-12c2cfbb271d
---
Store temporary data with React Hook
https://www.positronx.io/react-get-and-cache-data-with-custom-hook-tutorial/
---
#react #hooks #memo #callback
  
  https://www.joshwcomeau.com/react/usememo-and-usecallback/
---
Using TypeScript in React Functional components
https://javascript.plainenglish.io/how-to-develop-react-functional-components-with-typescript-12c2cfbb271d
---
Store temporary data with React Hook
https://www.positronx.io/react-get-and-cache-data-with-custom-hook-tutorial/
---
#react #hooks #memo #callback
Joshwcomeau
  
  Understanding useMemo and useCallback • Josh W. Comeau
  What's the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons. In this tutorial, we'll dig deep and understand what they do, why they're useful, and how to get the most out of them.
  Practice using Astro framework as a static site generator with Traversy Media
https://youtu.be/Oi9z5gfIHJs
#astro #traversyMedia
  
  https://youtu.be/Oi9z5gfIHJs
#astro #traversyMedia
YouTube
  
  Astro Crash Course
  Astro is an amazing static site generator that allows you to build really fast websites with little to no production JavaScript. You can use Astro components as we all have components from other frameworks such as React, Vue and Svelte.
TIP: I forgot to…
  TIP: I forgot to…
Important explanation from today's programmers about the difference between Git Flow and Trunk Based on Git projects
https://www.youtube.com/watch?v=jydxcnSOIG4
#git #programmerZamanNow #gitflow #trunkbased
  
  https://www.youtube.com/watch?v=jydxcnSOIG4
#git #programmerZamanNow #gitflow #trunkbased
YouTube
  
  Trunk Based vs Git Flow
  Trunkn Based vs Git Flow, lebih bagus yang mana?
#programmerzamannow #git #gitflow #trunkbaseddevelopment
JOIN PREMIUM : https://www.youtube.com/ProgrammerZamanNow/join
DISCORD PREMIUM : https://www.youtube.com/post/UgxBHnvjdwwAioDHe0x4AaABCQ
Donasi…
  #programmerzamannow #git #gitflow #trunkbaseddevelopment
JOIN PREMIUM : https://www.youtube.com/ProgrammerZamanNow/join
DISCORD PREMIUM : https://www.youtube.com/post/UgxBHnvjdwwAioDHe0x4AaABCQ
Donasi…
Google Chrome 105 release notes with added many new features in web app development
https://www.youtube.com/watch?v=qwdN1fJA_d8
#chrome #container
  
  https://www.youtube.com/watch?v=qwdN1fJA_d8
#chrome #container
YouTube
  
  New in Chrome 105: Container Queries, :has, the Sanitizer API, and more!
  Chrome 105 is rolling out now! Container queries and :has() are a match made in responsive heaven. The new Sanitizer API provides a robust processor for arbitrary strings to help reduce cross site scripting vulnerabilities. We’re taking another step towards…
  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
👍2
  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. This article addresses the added
  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…
👍1
  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.