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 - Calibre
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
Mastering Microfrontends: Routing and Communication
One challenge with microfrontends is handling navigation and communication between the host and remote apps… - https://medium.com/ama-tech-blog/mastering-microfrontends-routing-and-communication-815f3a7b7910
#microfrontends
One challenge with microfrontends is handling navigation and communication between the host and remote apps… - https://medium.com/ama-tech-blog/mastering-microfrontends-routing-and-communication-815f3a7b7910
#microfrontends
Medium
Mastering Microfrontends: Routing and Communication
One challenge with microfrontends is handling navigation and communication between the host and remote apps. In this post, we will explore…
👍4
Dynamic Angular Microfrontends
Learn how to load your microfrontends very dynamically to manage stages, A/B testing, or create a… - https://levelup.gitconnected.com/dynamic-angular-microfrontends-7de8f2634f0a
#angular
Learn how to load your microfrontends very dynamically to manage stages, A/B testing, or create a… - https://levelup.gitconnected.com/dynamic-angular-microfrontends-7de8f2634f0a
#angular
Medium
Dynamic Angular Microfrontends
Learn how to load your microfrontends very dynamically to manage stages, A/B testing, or create a plugin-architecture.
👍4
How to Create a Multi-Region Node.js Lambda API
…using Serverless Framework and pairing it with a serverless multi-region CockroachDB database. - https://thenewstack.io/tutorial-how-to-create-a-multi-region-node-js-lambda-api/
#nodejs
…using Serverless Framework and pairing it with a serverless multi-region CockroachDB database. - https://thenewstack.io/tutorial-how-to-create-a-multi-region-node-js-lambda-api/
#nodejs
The New Stack
Tutorial: How to Create a Multi-Region Node.js Lambda API
In this post I’m going to show you how to build a multi-region Node.js Lambda API using Serverless Framework and
👍5
Reducing component noise with Composition API
In the article you will come to understand what component noise is and how to reduce it with the Composition API in Vue. - ttps://logaretm.com/blog/reducing-component-noise-with-composition-api
#vue
In the article you will come to understand what component noise is and how to reduce it with the Composition API in Vue. - ttps://logaretm.com/blog/reducing-component-noise-with-composition-api
#vue
👍5
Scaling Frontend Applications in 2023
10 Essential Areas to Consider When Building a Scalable Frontend Application - https://blog.bitsrc.io/scaling-frontend-applications-in-2023-e455aceff931
#frontend #scaling
10 Essential Areas to Consider When Building a Scalable Frontend Application - https://blog.bitsrc.io/scaling-frontend-applications-in-2023-e455aceff931
#frontend #scaling
Medium
Scaling Frontend Applications in 2023
10 Essential Areas to Consider When Building a Scalable Frontend Application
👍4
Why Do Client Components Get 'SSRed' to HTML?
A quick illustration of the extra layer you can add to your mental model of how React works when you introduce server components. To avoid confusion, think of the concepts of “React Server” and “React Client”, rather than the more easily confusable “server” and “client”. - https://github.com/reactwg/server-components/discussions/4
#react
A quick illustration of the extra layer you can add to your mental model of how React works when you introduce server components. To avoid confusion, think of the concepts of “React Server” and “React Client”, rather than the more easily confusable “server” and “client”. - https://github.com/reactwg/server-components/discussions/4
#react
GitHub
Why do Client Components get SSR'd to HTML? · reactwg server-components · Discussion #4
If you're familiar with React, your mental model before RSC might look similar to this (blank space on the left is intentional): RSC does not change that mental model, but it adds a new layer b...
👍4