An Anchored Navbar Solution
Eric A. Meyer shows how to create a dashed navbar connector using anchor positioning. - https://meyerweb.com/eric/thoughts/2023/10/05/an-anchored-navbar-solution
#css
Eric A. Meyer shows how to create a dashed navbar connector using anchor positioning. - https://meyerweb.com/eric/thoughts/2023/10/05/an-anchored-navbar-solution
#css
meyerweb.com
An Anchored Navbar Solution
The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.
👍4🔥2
Creating Dynamic Components in Angular
Getting started - https://medium.com/@dimitarg.stoev/getting-started-681505c7681c
#angular
Getting started - https://medium.com/@dimitarg.stoev/getting-started-681505c7681c
#angular
Medium
Creating Dynamic Components in Angular
Getting started
👍4
The Extract Conditional Pattern in Vue
An extremely common question I get asked all the time is, “how do you know when to split up a component?” This article shares a simple pattern with you that is basically fool-proof, and can be applied to lots of components with almost no thought - https://michaelnthiessen.com/extract-conditional-pattern
#vue
An extremely common question I get asked all the time is, “how do you know when to split up a component?” This article shares a simple pattern with you that is basically fool-proof, and can be applied to lots of components with almost no thought - https://michaelnthiessen.com/extract-conditional-pattern
#vue
Michaelnthiessen
The Extract Conditional Pattern in Vue
An extremely common question I get asked all the time is, “how do you know when to split up a component?” I want to share a simple pattern with you that is basically fool-proof, and can be applied to lots of components with almost no thought.
👍4
Node.js 21 Now Available
This news is just breaking, but Node v21 (release notes) replaces Node v20 as the ‘current’ release line (basically, the one that gets all the shiny new features first.) This also means Node v20 will soon become the active LTS release. - https://openjsf.org/announcement/2023/10/17/node-js-21-available-now/
#nodejs
This news is just breaking, but Node v21 (release notes) replaces Node v20 as the ‘current’ release line (basically, the one that gets all the shiny new features first.) This also means Node v20 will soon become the active LTS release. - https://openjsf.org/announcement/2023/10/17/node-js-21-available-now/
#nodejs
👍6
Build Your Own Chatbot with React and the OpenAI API
The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/
#react
The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/
#react
SitePoint
Build Your Own ChatGPT Clone with React and the OpenAI API
In this step-by-step tutorial, we walk through how to build a fully-functioning and stylish ChatGPT clone with React and the OpenAI API.
👍4
Can We Enterprise CSS Grid?
Chen Hui Jing outlines some challenges larger organizations might have with switching from a framework to CSS Grid. - https://chenhuijing.com/blog/can-we-enterprise-css-grid
#css
Chen Hui Jing outlines some challenges larger organizations might have with switching from a framework to CSS Grid. - https://chenhuijing.com/blog/can-we-enterprise-css-grid
#css
Chenhuijing
Can we enterprise CSS grid? | Chen Hui Jing
Regardless of whether the title of this blog post is grammatically correct or not, this is a question that I've had the opportunity to tackle recently. And…
🔥2👍1
Understanding Advanced Concepts in TypeScript
When using JavaScript, many developers know the headache of debugging. You run a program. Find new bugs… - https://learningdaily.dev/understanding-advanced-concepts-in-typescript-5adc4170d692
#typescript
When using JavaScript, many developers know the headache of debugging. You run a program. Find new bugs… - https://learningdaily.dev/understanding-advanced-concepts-in-typescript-5adc4170d692
#typescript
Medium
Understanding Advanced Concepts in TypeScript
When using JavaScript, many developers know the headache of debugging. You run a program. Find new bugs. Rinse and repeat. After hours of…
👍4❤1😨1
A Guide to Custom Directives in Vue
A directive generally is some special token in the markup that tells the library to do something to a DOM element. Find out what Vue.js Directives are and how you can create custom directive for your project. - https://blog.bitsrc.io/a-guide-to-custom-directives-in-vue-46fc87abfd4f
#vue
A directive generally is some special token in the markup that tells the library to do something to a DOM element. Find out what Vue.js Directives are and how you can create custom directive for your project. - https://blog.bitsrc.io/a-guide-to-custom-directives-in-vue-46fc87abfd4f
#vue
Medium
A Guide to Custom Directives in Vue
How to use Custom Directives in VueJS
👍2
Don't Block the Event Loop
If you’re writing anything more complicated than a brief command-line script, reading this should help you write higher-performance, more-secure applications. - https://nodejs.org/en/docs/guides/dont-block-the-event-loop
#nodejs
If you’re writing anything more complicated than a brief command-line script, reading this should help you write higher-performance, more-secure applications. - https://nodejs.org/en/docs/guides/dont-block-the-event-loop
#nodejs
nodejs.org
Node.js — Don't Block the Event Loop (or the Worker Pool)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
🔥4👍3
How to structure your Angular project with multiple apps within a monorepo?
The Shippeo’s journey to large Angular architecture - https://medium.com/shippeo-tech-blog/how-to-structure-your-angular-project-with-multiple-apps-within-a-monorepo-a01c9f409f95
#angular
The Shippeo’s journey to large Angular architecture - https://medium.com/shippeo-tech-blog/how-to-structure-your-angular-project-with-multiple-apps-within-a-monorepo-a01c9f409f95
#angular
Medium
How to structure your Angular project with multiple apps within a monorepo?
The Shippeo’s journey to large Angular architecture
👍5❤1🔥1
Turbopack vs Webpack
Being involved with the development of both bundlers, Tobias Koppers has some interesting things to say about the differences and explains why Turbopack is necessary. - https://www.youtube.com/watch?v=Zwd_8Jy7b-c
#turbopack #vs #webpack
Being involved with the development of both bundlers, Tobias Koppers has some interesting things to say about the differences and explains why Turbopack is necessary. - https://www.youtube.com/watch?v=Zwd_8Jy7b-c
#turbopack #vs #webpack
YouTube
Tobias Koppers on Turbopack vs Webpack
Should you be on Turbopack or Webpack? Let's hear it from Tobias Koppers himself!
👉 Upcoming NextJS course: https://pronextjs.dev
👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
👉 Don't forget to subscribe to this…
👉 Upcoming NextJS course: https://pronextjs.dev
👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
👉 Don't forget to subscribe to this…
👍6🔥1
Backends For Frontends — My Take
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple… - https://faun.pub/backends-for-frontends-my-take-b97663ec1b68
#bff
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple… - https://faun.pub/backends-for-frontends-my-take-b97663ec1b68
#bff
👍3🔥1
Two Levels of Customising
Hidde de Vries looks at two ways to customize the parts of a <selectmenu> element. - https://hidde.blog/custom-select-with-selectlist
#css
Hidde de Vries looks at two ways to customize the parts of a <selectmenu> element. - https://hidde.blog/custom-select-with-selectlist
#css
Hidde's blog
Two levels of customising <selectlist>
There will be two levels of customisation in selectmenu: via CSS or via replacing parts.
🔥6👍3
Angular — Facade Design Pattern and how it can improve performance
What Facade Design Pattern is — and how it improves the performance of your Angular application. - https://blog.bitsrc.io/angular-facade-design-pattern-and-how-it-can-improve-performance-65bc2aabdb26
#angular
What Facade Design Pattern is — and how it improves the performance of your Angular application. - https://blog.bitsrc.io/angular-facade-design-pattern-and-how-it-can-improve-performance-65bc2aabdb26
#angular
Medium
Angular — Facade Design Pattern and How It Can Improve Performance
What Facade Design Pattern is — and how it improves the performance of your Angular application.
🔥6👍4
Implementing Dark Mode in React Native
Supporting dark mode is more important than ever as users have come to expect it—this guide explains how. - https://thoughtbot.com/blog/react-native-dark-mode
#reactnative
Supporting dark mode is more important than ever as users have come to expect it—this guide explains how. - https://thoughtbot.com/blog/react-native-dark-mode
#reactnative
thoughtbot
Implementing dark mode in React Native
Supporting dark mode is more important than ever as users come to expect this functionality. This guide will explain how it can be done!
👍4
Speeding Up the JS Ecosystem: The Barrel File Debacle
Marvin continues his tour through the world of JavaScript performance fixes with a look at how some innocent looking code can make tools run slower than they should. Test runners and many import cycle detection tools are most affected. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/
#nodejs
Marvin continues his tour through the world of JavaScript performance fixes with a look at how some innocent looking code can make tools run slower than they should. Test runners and many import cycle detection tools are most affected. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/
#nodejs
marvinh.dev
Speeding up the JavaScript ecosystem - The barrel file debacle
Many projects are littered with files that just re-export other files. These so called "barrel files" are one of the key reasons why JavaScript tooling is slow in bigger projects.
👍4🔥4❤1
Complex vs Compound Selectors
Miriam Suzanne outlines the difference between compound selectors and complex selectors. - https://www.miriamsuzanne.com/2022/06/15/complex-compound
#css
Miriam Suzanne outlines the difference between compound selectors and complex selectors. - https://www.miriamsuzanne.com/2022/06/15/complex-compound
#css
Miriam Eric Suzanne
Complex vs Compound Selectors
I have to look it up every time.
👍9🔥1
Angular PWA — nest.js — Push Notification
Since web push notifications are now also possible in Safari (at the moment only on macOS, in 2023 it will be… - https://medium.com/fabiankuehne/angular-pwa-nest-js-push-notification-cb4fc22fb7e3
#angular
Since web push notifications are now also possible in Safari (at the moment only on macOS, in 2023 it will be… - https://medium.com/fabiankuehne/angular-pwa-nest-js-push-notification-cb4fc22fb7e3
#angular
Medium
Angular PWA — nest.js — Push Notification
Since web push notifications are now also possible in Safari (at the moment only on macOS, in 2023 it will be available for iOS as well)…
👍7🔥1
Drawing on Google Maps with Drawing Manager
This incredibly thorough and code-rich followup to Integrating Google Maps in React focuses on the use of DrawingManager to draw polygons, rectangles, polylines, circles and markers on top of maps. - https://sudolabs.com/insights/react-google-maps-drawing-tools
#react
This incredibly thorough and code-rich followup to Integrating Google Maps in React focuses on the use of DrawingManager to draw polygons, rectangles, polylines, circles and markers on top of maps. - https://sudolabs.com/insights/react-google-maps-drawing-tools
#react
Sudolabs
React Google Maps: Drawing Tools
Google Maps is more than just a navigation tool. While it excels at providing core features like adding markers, info windows, and directions services, it also offers advanced techniques that can take your project to the next level.
🔥4👍1
How I structure my Angular applications - https://medium.com/@dimitarg.stoev/how-i-structure-my-angular-applications-d7d91a2da2e3
#angular
#angular
Medium
How I structure my Angular applications
Introduction
👍5
Building a 'PDF Chat' with Node, OpenAI and ModelFusion
In modern AI circles, the idea of being able to use large language models (LLMs) to “chat” with PDFs and similar reference docs is quite popular. This tutorial shows off the basics of creating such a system from reading PDFs with PDF.js, through to tokenization, and building a chat loop. - https://modelfusion.dev/blog/pdf-chat-nodejs
#nodejs
In modern AI circles, the idea of being able to use large language models (LLMs) to “chat” with PDFs and similar reference docs is quite popular. This tutorial shows off the basics of creating such a system from reading PDFs with PDF.js, through to tokenization, and building a chat loop. - https://modelfusion.dev/blog/pdf-chat-nodejs
#nodejs
modelfusion.dev
PDF Chat with Node.js, OpenAI, and ModelFusion | ModelFusion
Tutorial on how to build a chatbot that can answer questions about a PDF using Node.js, OpenAI, and ModelFusion.
👍4🔥3