How to Get Full Type Support with Plain JavaScript
It’s possible to reap the benefits of TypeScript, yet still write plain JavaScript, as TypeScript’s analyzer understands types written in the JSDoc format. - https://www.pausly.app/blog/full-type-support-with-plain-javascript
#javascript
It’s possible to reap the benefits of TypeScript, yet still write plain JavaScript, as TypeScript’s analyzer understands types written in the JSDoc format. - https://www.pausly.app/blog/full-type-support-with-plain-javascript
#javascript
Mat Simon
Get Full Type Support With Plain JavaScript — Mat Simon
Learn how you can reap the benefits of TypeScript and still write plain JavaScript.
👍8🥰1
React Server Components, Next.js App Router and Examples
Addy Osmani’s overview of of the state of React Server Components, the Next.js App Router implementation, other implementations, the move towards hybrid rendering, plus related links. - https://addyosmani.com/blog/react-server-components-app-router/
#react
Addy Osmani’s overview of of the state of React Server Components, the Next.js App Router implementation, other implementations, the move towards hybrid rendering, plus related links. - https://addyosmani.com/blog/react-server-components-app-router/
#react
Addyosmani
React Server Components, Next.js App Router and examples
A summary of the state of React Server Components, Next.js App Router, rendering, examples and other related links and thoughts.
👍3❤2
Better Navigation with NuxtLink
The NuxtLink component in Nuxt 3 offers a way for us navigate through our routes. It may seem simple at first glance, but there’s a lot going on beneath the surface. In this article find out how it works and how to use it. - https://masteringnuxt.com/blog/better-navigation-with-nuxtlink
#vue
The NuxtLink component in Nuxt 3 offers a way for us navigate through our routes. It may seem simple at first glance, but there’s a lot going on beneath the surface. In this article find out how it works and how to use it. - https://masteringnuxt.com/blog/better-navigation-with-nuxtlink
#vue
Masteringnuxt
Better Navigation with NuxtLink
The NuxtLink component may seem simple at first glance, but there’s a lot going on beneath the surface.
👍5🌭1
10 CSS Animation Tips and Tricks
Kevin Powell shows some neat CSS transition and animation tips. - https://www.youtube.com/watch?v=y8-F5-2EIcg
#css
Kevin Powell shows some neat CSS transition and animation tips. - https://www.youtube.com/watch?v=y8-F5-2EIcg
#css
YouTube
10 CSS animation tips and tricks
CSS transitions and animations can be a lot of fun, and there are so many neat tips and tricks you can do with them!
🔗 Links
✅ The CSS challenge video: https://youtu.be/gE5PnHcv3RI
✅ More on prefers-reduced-motion: https://youtu.be/zT9Ftmw0-uc
✅ More information…
🔗 Links
✅ The CSS challenge video: https://youtu.be/gE5PnHcv3RI
✅ More on prefers-reduced-motion: https://youtu.be/zT9Ftmw0-uc
✅ More information…
❤3👍2🥰1
A Visual Guide to Understanding Node's Event Loop - https://www.builder.io/blog/visual-guide-to-nodejs-event-loop
#nodejs
#nodejs
Builder.io
A Complete Visual Guide to Understanding the Node.js Event Loop
You've been working with Node.js for a while. But there's something that's been nagging at you — the event loop. Learn more in this event loop guide.
👍4
Angular Dependency Injection — Using “Injector” Service instead of long list of…
The Angular framework provides Dependency Injection (DI) out of the box. The easiest way to understand DI is… - https://balramchavan.medium.com/angular-dependency-injection-using-injector-service-instead-of-long-list-of-services-in-3d9cb32b39ae
#angular
The Angular framework provides Dependency Injection (DI) out of the box. The easiest way to understand DI is… - https://balramchavan.medium.com/angular-dependency-injection-using-injector-service-instead-of-long-list-of-services-in-3d9cb32b39ae
#angular
Medium
Angular Dependency Injection — Using “Injector” Service instead of long list of services in Component’s constructor
The Angular framework provides Dependency Injection (DI) out of the box. The easiest way to understand DI is to “Delegate creation of…
👍4
Dan Abramov's Deep Dive into React Server Components
Having faced a raft of questions about Server Components, Dan has sat down to write a series covering everything from the ground up by reimplementing a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to grok the ideas behind RSCs. - https://github.com/reactwg/server-components/discussions/5
#react
Having faced a raft of questions about Server Components, Dan has sat down to write a series covering everything from the ground up by reimplementing a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to grok the ideas behind RSCs. - https://github.com/reactwg/server-components/discussions/5
#react
GitHub
RSC From Scratch. Part 1: Server Components · reactwg server-components · Discussion #5
RSC From Scratch. Part 1: Server Components In this technical deep dive, we'll implement a very simplified version of React Server Components (RSC) from scratch. This deep dive will be publishe...
👍4🤮2
Build Better Forms with Vue.js 3 Composition API: A Practical Guide
Managing large and complex forms can be a challenge for any web developer. Fortunately, Vue.js 3 provides a powerful solution in the form of the Composition API. In this bog post, Learn how to create custom form components with Vue.js 3 Composition API, including validation, submission handling and more. - https://digitalpatio.hashnode.dev/build-better-forms-with-vuejs-3-composition-api-a-practical-guide
#vue
Managing large and complex forms can be a challenge for any web developer. Fortunately, Vue.js 3 provides a powerful solution in the form of the Composition API. In this bog post, Learn how to create custom form components with Vue.js 3 Composition API, including validation, submission handling and more. - https://digitalpatio.hashnode.dev/build-better-forms-with-vuejs-3-composition-api-a-practical-guide
#vue
👍5❤1
Last Baseline Alignment
Rachel Andrew shares fantastic news that all major browser engines now support last baseline alignment in CSS Grid and Flexbox. - https://web.dev/last-baseline
#css
Rachel Andrew shares fantastic news that all major browser engines now support last baseline alignment in CSS Grid and Flexbox. - https://web.dev/last-baseline
#css
web.dev
Last baseline alignment | Blog | web.dev
All major browser engines now support last baseline alignment in CSS grid and flexbox.
👍5❤1
Image upload system in Laravel and Vue.js
In this tutorial use Laravel 9 and Vue.js 3 to build an image uploading system with a display and delete feature from scratch. - https://abdallahbari.hashnode.dev/image-upload-system-in-laravel-and-vuejs
#vue
In this tutorial use Laravel 9 and Vue.js 3 to build an image uploading system with a display and delete feature from scratch. - https://abdallahbari.hashnode.dev/image-upload-system-in-laravel-and-vuejs
#vue
DevSpace
Laravel & Vue: image upload system.
Easily manage and upload images in your Laravel and Vue.js web application with our comprehensive guide. We'll cover all the tips and tricks you need.
👍4
A Better Way to Pass Data to Your Angular Components
Interactive examples of the component that powers our company’s web applications - https://medium.com/swlh/a-better-way-to-pass-data-to-your-angular-components-e8b5ef6a642a
#angular
Interactive examples of the component that powers our company’s web applications - https://medium.com/swlh/a-better-way-to-pass-data-to-your-angular-components-e8b5ef6a642a
#angular
Medium
A Better Way to Pass Data to Your Angular Components
Interactive examples of the component that powers our company’s web applications
👍5
Node.js Security Releases Due Imminently
Pencilled in for June 20, 2023 (today!), the Node.js 16.x, 18.x, and 20.x lines will all get fresh releases to fix a variety of medium and high severity security issues, as well as some OpenSSL related security updates. Keep an eye on this post if you want to upgrade ASAP. - https://nodejs.org/en/blog/vulnerability/june-2023-security-releases
#nodejs
Pencilled in for June 20, 2023 (today!), the Node.js 16.x, 18.x, and 20.x lines will all get fresh releases to fix a variety of medium and high severity security issues, as well as some OpenSSL related security updates. Keep an eye on this post if you want to upgrade ASAP. - https://nodejs.org/en/blog/vulnerability/june-2023-security-releases
#nodejs
nodejs.org
Node.js — Tuesday June 20 2023 Security Releases
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍6
How To Improve Largest Contentful Paint for Faster Load Times
Karolina Szczur outlines four proven methods to help you find and correct performance issues holding your page back. - https://calibreapp.com/blog/largest-contentful-paint
#css
Karolina Szczur outlines four proven methods to help you find and correct performance issues holding your page back. - https://calibreapp.com/blog/largest-contentful-paint
#css
Calibre - Site Speed Tools for Teams
How To Improve Largest Contentful Paint for Faster Load Times
Optimising Largest Contentful Paint has an outsized impact on when most critical content appears. These four proven methods will help you find and correct performance issues holding your page back.
❤2👍2
Is React Having an 'Angular.js Moment'?
You can often answer questions like this with a straightforward ‘no’ but the author puts forward a good argument comparing the discontinuity from AngularJS to Angular 2 in 2014 with current shifts in the React ecosystem. It feels like the issue here is more with the messaging, though. - https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html
#react
You can often answer questions like this with a straightforward ‘no’ but the author puts forward a good argument comparing the discontinuity from AngularJS to Angular 2 in 2014 with current shifts in the React ecosystem. It feels like the issue here is more with the messaging, though. - https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html
#react
Marmelab
Is React Having An Angular.js Moment?
React Server Components, while innovative, risk causing division in the React community due to their potential to undermine Single-Page App architecture.
👍4❤1
Build Your First JavaScript ChatGPT Plugin
Plugins provide a way to extend ChatGPT’s functionality. - https://www.sitepoint.com/javascript-chatgpt-plugin/
#javascript #chatgpt
Plugins provide a way to extend ChatGPT’s functionality. - https://www.sitepoint.com/javascript-chatgpt-plugin/
#javascript #chatgpt
SitePoint
Build Your First JavaScript ChatGPT Plugin
Learn how to build your first Chat Plugin for ChatGPT using JavaScript and Express and have a working plugin within 5 minutes
🔥4❤3👍2
An Intro to Command Injection Vulnerabilities
Think SQL injection but with commands. If your app, or even one of its dependencies, constructs commands from user/third party input and runs them locally, there’s potential for trouble. - https://www.nodejs-security.com/blog/introduction-command-injection-vulnerabilities-nodejs-javascript
#nodejs
Think SQL injection but with commands. If your app, or even one of its dependencies, constructs commands from user/third party input and runs them locally, there’s potential for trouble. - https://www.nodejs-security.com/blog/introduction-command-injection-vulnerabilities-nodejs-javascript
#nodejs
NodeJS Security & NodeJS Secure Coding
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript
Command injection vulnerabilities pose a significant threat to Node.js and JavaScript applications' security. By understanding the risks involved, referencing real-world incidents, and following best practices, developers can effectively mitigate these vulnerabilities.…
👍4🤔1
Using SuperTokens in Vue
SuperTokens is an open-source tool that makes it simple to add authentication to your app. This article will show you how to use SuperToken to provide authentication to a VueJS application utilizing a custom user interface - https://dev.to/asayerio_techblog/using-supertokens-in-vue-4m79
#vue
SuperTokens is an open-source tool that makes it simple to add authentication to your app. This article will show you how to use SuperToken to provide authentication to a VueJS application utilizing a custom user interface - https://dev.to/asayerio_techblog/using-supertokens-in-vue-4m79
#vue
DEV Community
Using SuperTokens in Vue
by Hitesh Jethva This article will show you how to use SuperTokens to provide authentication to a...
👍3
Angular Code Review Checklist
In this blog, I am sharing some Angular code review checklist which we used in our projects. Please utilize… - https://medium.com/@mohsho10/angular-code-review-checklist-e1e3c81c0311
#angular
In this blog, I am sharing some Angular code review checklist which we used in our projects. Please utilize… - https://medium.com/@mohsho10/angular-code-review-checklist-e1e3c81c0311
#angular
Medium
Angular Code Review Checklist
In this blog, I am sharing some Angular code review checklist which we used in our projects. Please utilize and share any other best…
👍4
The React Ecosystem in 2023
A slightly haphazard wander through a variety of the React ecosystem’s tools and libraries that are currently popular, mixing together dependable old faces plus some newcomers. - https://www.builder.io/blog/react-js-in-2023
#react
A slightly haphazard wander through a variety of the React ecosystem’s tools and libraries that are currently popular, mixing together dependable old faces plus some newcomers. - https://www.builder.io/blog/react-js-in-2023
#react
Builder.io
The React Ecosystem in 2023
Let's take a look at the React ecosystem's tools and libraries that have become widely used over the last ten years.
👍7
A Handy Use For Cascade Layers
Michelle Barker demonstrates a practical use case for Cascade Layers. - https://css-irl.info/a-handy-use-for-cascade-layers
#css
Michelle Barker demonstrates a practical use case for Cascade Layers. - https://css-irl.info/a-handy-use-for-cascade-layers
#css
CSS { In Real Life } | A Handy Use For Cascade Layers
A blog about CSS, front-end development, the web, and beyond.
👍2🔥1