Getting to Know the createApplication API in Angular
Angular v14.2.0 introduce a new function named createApplication. The createApplication function creates an… - https://netbasal.com/getting-to-know-the-createapplication-api-in-angular-f1c0a2685047
#angular
Angular v14.2.0 introduce a new function named createApplication. The createApplication function creates an… - https://netbasal.com/getting-to-know-the-createapplication-api-in-angular-f1c0a2685047
#angular
Medium
Getting to Know the createApplication API in Angular
Angular v14.2.0 introduce a new function named createApplication. The createApplication function creates an application instance without…
👍3
The Truth About CSS Selector Performance
Patrick Brosset explains how improving certain CSS selectors can lead to important performance gains. - https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance
#css
Patrick Brosset explains how improving certain CSS selectors can lead to important performance gains. - https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance
#css
Microsoft Edge Blog
The truth about CSS selector performance
If you're a web developer, you may have already heard that some CSS selectors are faster than others. And you're probably hoping to find a list of the better selectors to use in this article. Well, not quite. But bear with me, I promise that by the
👍9👏1
Next, Nest, Nuxt… Nust?
“This blog post is for everyone looking for their new favorite JavaScript backend framework.” If the names of frameworks are all starting to blur together in your head, this is for you. Marius explains just what systems like Next and Gatsby do and touches on a few differences. - https://www.twilio.com/blog/comparing-nextjs-nestjs-nuxt-gatsby
#nodejs
“This blog post is for everyone looking for their new favorite JavaScript backend framework.” If the names of frameworks are all starting to blur together in your head, this is for you. Marius explains just what systems like Next and Gatsby do and touches on a few differences. - https://www.twilio.com/blog/comparing-nextjs-nestjs-nuxt-gatsby
#nodejs
Twilio
Next, Nest, Nuxt… Nust?
❤5👍2
Evan You Looks at 2022 and 2023
You’ll know Evan for Vue.js and Vite and here he recaps what happened in the Vue world in 2022 (like Vue 3.x becoming the new default version) and what we can expect in 2023, including the mysteriously named Vapor Mode.. We’re also warned Vue 2.x has one year before it reaches EOL. - https://blog.vuejs.org/posts/2022-year-in-review.html
#vue
You’ll know Evan for Vue.js and Vite and here he recaps what happened in the Vue world in 2022 (like Vue 3.x becoming the new default version) and what we can expect in 2023, including the mysteriously named Vapor Mode.. We’re also warned Vue 2.x has one year before it reaches EOL. - https://blog.vuejs.org/posts/2022-year-in-review.html
#vue
blog.vuejs.org
2022 Year In Review | The Vue Point
The official blog for the Vue.js project
❤7👍3
Optimize Interaction to Next Paint
How to optimize for the experimental Interaction to Next Paint (INP) metric — a way to assess a page’s overall responsiveness to user interactions. - https://web.dev/optimize-inp/
#javascript
How to optimize for the experimental Interaction to Next Paint (INP) metric — a way to assess a page’s overall responsiveness to user interactions. - https://web.dev/optimize-inp/
#javascript
web.dev
Optimize Interaction to Next Paint | Articles | web.dev
Learn how to optimize your website's Interaction to Next Paint.
👍4❤1
The Future of Create React App and Why It Exists
Dan wrote pretty much an essay in a comment on the issue thread we linked last week with “some background on the future of Create React App” and concludes with the team’s thoughts on leaning towards turning Create React App into a 'launcher.' As well as being a good response to the original concern about Create React App being a poor suggestion for new users, this is an interesting look at how Dan sees React and its ecosystem more generally. - https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741
#react
Dan wrote pretty much an essay in a comment on the issue thread we linked last week with “some background on the future of Create React App” and concludes with the team’s thoughts on leaning towards turning Create React App into a 'launcher.' As well as being a good response to the original concern about Create React App being a poor suggestion for new users, this is an interesting look at how Dan sees React and its ecosystem more generally. - https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741
#react
GitHub
Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/react.dev
Create React App is not a great recommendation to be making, especially for newer developers.
As an educator, I run into countless issues w/ new React devs running into unnecessary issues due to th...
As an educator, I run into countless issues w/ new React devs running into unnecessary issues due to th...
👍7
Add Keyboard Shortcuts to Your Angular App
Angular provides a special syntax for registering keyboard events. A keyboard event can be bound to a… - https://netbasal.com/add-keyboard-shortcuts-to-your-angular-app-9bf2e89862b3
#angular
Angular provides a special syntax for registering keyboard events. A keyboard event can be bound to a… - https://netbasal.com/add-keyboard-shortcuts-to-your-angular-app-9bf2e89862b3
#angular
Medium
Add Keyboard Shortcuts to Your Angular App
Angular provides a special syntax for registering keyboard events. A keyboard event can be bound to a specific key or code. It’s assumed by…
👍6
Building Reliable Distributed Systems in Node
This post introduces the concept of durable execution which is used by a variety of companies and services to run reliable distributed systems. Temporal is a platform that coordinates workflows and durable jobs built around them. - https://temporal.io/blog/building-reliable-distributed-systems-in-node
#nodejs
This post introduces the concept of durable execution which is used by a variety of companies and services to run reliable distributed systems. Temporal is a platform that coordinates workflows and durable jobs built around them. - https://temporal.io/blog/building-reliable-distributed-systems-in-node
#nodejs
temporal.io
Building Distributed Systems in Node
Durable execution in distibuted systems is the sought after goal. Find out how building reliable distibuted systems in easy with Temporal's Typescript SDK.
👍5❤1👏1
Level Up Your CSS Skills With The :has() Selector
Stephanie Eckles reviews how to combine :has() with other CSS selectors. - https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector
#css
Stephanie Eckles reviews how to combine :has() with other CSS selectors. - https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector
#css
Smashing Magazine
Level Up Your CSS Skills With The :has() Selector — Smashing Magazine
The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.
❤4👍2
Using Notion as a Headless CMS with Nuxt
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
DEV Community
Using Notion as a Headless CMS with Nuxt
Notion has become increasingly popular as a versatile tool for everything from taking notes to...
👍7
How To Communicate Effectively as a Developer
Karl Sutt offers some tactical and strategic tips for writing effectively as a software developer. - https://www.karlsutt.com/articles/communicating-effectively-as-a-developer
#css
Karl Sutt offers some tactical and strategic tips for writing effectively as a software developer. - https://www.karlsutt.com/articles/communicating-effectively-as-a-developer
#css
Karl Sutt
How to communicate effectively as a developer
Some tactical and strategic tips for writing effectively as a software developer.
👍6
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the… - https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the… - https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Medium
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the ComponentFactory symbol was…
👍3🥰1
How to Build a Better React Map with Pigeon Maps and Mapbox
A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live - https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
#react
A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live - https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
#react
evilmartians.com
How to build a better React map with Pigeon Maps and Mapbox—Martian Chronicles, Evil Martians’ team blog
We needed a lightweight, essentially free solution for a customer map that would display our events in our React app. So we turned to Pigeon Maps and Mapbox, and here is how we made it.
👍10
Sibling Scopes in CSS, thanks to :has()
Bramus Van Damme shows how to leverage CSS :has() to select all siblings between two element boundaries. - https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has
#css
Bramus Van Damme shows how to leverage CSS :has() to select all siblings between two element boundaries. - https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has
#css
Bram.us
Sibling Scopes in CSS, thanks to :has() and ~
Leverage CSS :has() to select all siblings between two element boundaries.
👍12
Unlocking Security Updates for Transitive Dependencies with npm
Dependabot is a GitHub-based service that issues pull requests updating known vulnerable direct dependencies on projects. But what about transitive dependencies? If you’re using npm, that’s possible too (since September last year). This post digs more into how it works. - https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/
#nodejs
Dependabot is a GitHub-based service that issues pull requests updating known vulnerable direct dependencies on projects. But what about transitive dependencies? If you’re using npm, that’s possible too (since September last year). This post digs more into how it works. - https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/
#nodejs
The GitHub Blog
Unlocking security updates for transitive dependencies with npm
How Dependabot integrated with npm to address security vulnerabilities on transitive dependencies and increase the likelihood of success for JavaScript security updates by 40%.
👍5❤1
How to Deploy MEVN Stack on AWS EKS using HELM
In this step-by-step guide with an example project, checkout how to publish your Vue.js full-stack application with Express, Node, and MongoDB with AWS EKS - https://medium.com/bb-tutorials-and-thoughts/how-to-deploy-mevn-stack-on-aws-eks-using-helm-ab2ed065286f
#vue
In this step-by-step guide with an example project, checkout how to publish your Vue.js full-stack application with Express, Node, and MongoDB with AWS EKS - https://medium.com/bb-tutorials-and-thoughts/how-to-deploy-mevn-stack-on-aws-eks-using-helm-ab2ed065286f
#vue
Medium
How to Deploy MEVN Stack on AWS EKS using HELM
A step-by-step guide with an example project
👍5
Interactive SVG Reference
An interactive reference to the most popular and/or interesting parts of the SVG spec. - https://fffuel.co/sssvg
#svg
An interactive reference to the most popular and/or interesting parts of the SVG spec. - https://fffuel.co/sssvg
#svg
fffuel.co
SSSVG: An Interactive SVG Reference
A visual & interactive SVG reference. Quickly look up how to define SVG shapes, transforms, masks, patterns, gradients, text and more.
👍7
Best Practices in Handling Errors in Web Components - https://blog.bitsrc.io/best-practices-in-handling-errors-in-web-components-fb4fdb5eccb
#react
#react
Medium
Best Practices in Handling Errors in Web Components
Improve Resiliency When Designing & Developing Web Components. What Causes Errors? Best Practises in Error Handling. Try-Catch and Error Boundaries.
👍4
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across…
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic… - https://javascript.plainenglish.io/angular-how-you-can-reload-refresh-a-single-component-or-the-entire-application-and-reuse-the-logic-c6e975a278c3
#angular
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic… - https://javascript.plainenglish.io/angular-how-you-can-reload-refresh-a-single-component-or-the-entire-application-and-reuse-the-logic-c6e975a278c3
#angular
Medium
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across Multiple Components
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic across multiple components.
👍6
Six JavaScript Projects to Watch in 2023
A reasonable selection, focused on newer, more cutting edge, but also very promising projects - https://byteofdev.com/posts/javascript-projects-2022/
#javascript #projects
A reasonable selection, focused on newer, more cutting edge, but also very promising projects - https://byteofdev.com/posts/javascript-projects-2022/
#javascript #projects
ByteofDev
The 6 JavaScript Projects to watch in 2023
We look over some of the JavaScript projects to watch in 2023.
👍10🤔1
The 2022 JavaScript Rising Stars
For the seventh time, Michael Rambeau kicks off our year with a roundup of ‘trending projects’ in the JavaScript space. Bun takes the top spot for 2022, but we’ll leave the rest for you to check out. A few guest authors also share their opinions on the ecosystem. - https://risingstars.js.org/2022/en
#risingstarts
For the seventh time, Michael Rambeau kicks off our year with a roundup of ‘trending projects’ in the JavaScript space. Bun takes the top spot for 2022, but we’ll leave the rest for you to check out. A few guest authors also share their opinions on the ecosystem. - https://risingstars.js.org/2022/en
#risingstarts
risingstars.js.org
2022 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2022: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
👍9