There has been some buzz recently in the frontend world around the term "Signals". In seemingly short order they seem to be everywhere showing up in everything from Preact to Angular.
But they are not a new thing. Not even remotely if you consider you can trace roots back to research in the late 1960s. At its foundation is the same modeling that enabled the first electronic spreadsheets and hardware description languages (like Verilog and VHDL).
Even in JavaScript, we've had them since the dawn of declarative JavaScript Frameworks. They've carried various names over time and come in and out of popularity over the years. But here we are again, and it is a good time to give a bit more context on how and why.
๐ฅ Follow @javascriptdaily ๐ฅ
https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob
But they are not a new thing. Not even remotely if you consider you can trace roots back to research in the late 1960s. At its foundation is the same modeling that enabled the first electronic spreadsheets and hardware description languages (like Verilog and VHDL).
Even in JavaScript, we've had them since the dawn of declarative JavaScript Frameworks. They've carried various names over time and come in and out of popularity over the years. But here we are again, and it is a good time to give a bit more context on how and why.
๐ฅ Follow @javascriptdaily ๐ฅ
https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob
DEV Community
The Evolution of Signals in JavaScript
There has been some buzz recently in the frontend world around the term "Signals". In seemingly short...
๐8โค1๐ข1
2023 Web Framework Performance Report
- How do modern web frameworks compare in real-world usage & performance?
- Does framework choice influence a siteโs Core Web Vitals?
- How related is framework choice to JavaScript payload size, and what is the impact?
Take a look at the report by #FredSchott from #Astro. Please keep in mind of the methodology and limitations.
๐ฅ Follow @javascriptdaily ๐ฅ
https://astro.build/blog/2023-web-framework-performance-report/
- How do modern web frameworks compare in real-world usage & performance?
- Does framework choice influence a siteโs Core Web Vitals?
- How related is framework choice to JavaScript payload size, and what is the impact?
Take a look at the report by #FredSchott from #Astro. Please keep in mind of the methodology and limitations.
๐ฅ Follow @javascriptdaily ๐ฅ
https://astro.build/blog/2023-web-framework-performance-report/
Astro
2023 Web Framework Performance Report | Astro
A look at how different web frameworks perform in the real world in 2023. Based on real-world, production data from HTTP Archive and Google Chrome.
๐2๐ฅฐ1
WTF Is Code Extraction
By #MiลกkoHevery (Builder.io / #Qwik)
We are full-stack developers! That means we write both client and server code. But where should we place the server and client code? Conventional wisdom says that we should put them in different files. Except, it is not so simple; we also have code that runs both on the server and client. After all, we do Server-side rendering (SSR), so most of our client code also runs on the server.
I want to challenge the conventional wisdom and convince you that there is an existing trend of putting server and client code together and that it is better. Letโs call it: โcode collocation.โ
The idea of placing server and client code together is not new, and it is already happening in NextJS/Remix/SolidJS.
But we have a problem to solve. We need to provide code to the server and code to the client, and as of right now, server code canโt access the DOM API and client code canโt read server dependencies such as databases. So there needs to be a way to separate the code.
The act of separating the code and creating server and client code bundles is called code extraction. Three different strategies starting with the most basic to advanced ones, are:
- Export extraction
- Function extraction
- Closure extraction
Letโs dive into them.
๐ฅ Follow @javascriptdaily ๐ฅ
https://www.builder.io/blog/wtf-is-code-extraction
By #MiลกkoHevery (Builder.io / #Qwik)
We are full-stack developers! That means we write both client and server code. But where should we place the server and client code? Conventional wisdom says that we should put them in different files. Except, it is not so simple; we also have code that runs both on the server and client. After all, we do Server-side rendering (SSR), so most of our client code also runs on the server.
I want to challenge the conventional wisdom and convince you that there is an existing trend of putting server and client code together and that it is better. Letโs call it: โcode collocation.โ
The idea of placing server and client code together is not new, and it is already happening in NextJS/Remix/SolidJS.
But we have a problem to solve. We need to provide code to the server and code to the client, and as of right now, server code canโt access the DOM API and client code canโt read server dependencies such as databases. So there needs to be a way to separate the code.
The act of separating the code and creating server and client code bundles is called code extraction. Three different strategies starting with the most basic to advanced ones, are:
- Export extraction
- Function extraction
- Closure extraction
Letโs dive into them.
๐ฅ Follow @javascriptdaily ๐ฅ
https://www.builder.io/blog/wtf-is-code-extraction
Builder.io
WTF Is Code Extraction
Code extraction allows you to collocate client and server code in the same file. Let's take this idea to 11.
๐12๐ฅ3โค2
JavaScript Daily
2023 Web Framework Performance Report - How do modern web frameworks compare in real-world usage & performance? - Does framework choice influence a siteโs Core Web Vitals? - How related is framework choice to JavaScript payload size, and what is the impact?โฆ
#EvanYou thread on the report...
๐ฅ Follow @javascriptdaily ๐ฅ
https://twitter.com/youyuxi/status/1633249827755814912
๐ฅ Follow @javascriptdaily ๐ฅ
https://twitter.com/youyuxi/status/1633249827755814912
Twitter
I have a lot of respect for the work the Astro team has been doing, but I want to share some important caveats that everyone should be aware of when reading, and especially publishing this kind of reports: (0/n)
๐2๐1
Web component JS frameworks overview by their syntax and features
https://component-party.dev
๐ฅ Follow @javascriptdaily ๐ฅ
https://component-party.dev
๐ฅ Follow @javascriptdaily ๐ฅ
Component Party
Compare JavaScript frameworks side-by-side: React, Vue, Angular, Svelte, Solid.js, and more. See syntax differences, features, and code examples for web development frameworks.
๐15๐ฅ1๐1
TypeScript 5.0 rebuilt to use ECMAScript modules
With TypeScript 5.0, the TypeScript development team has restructured the entire codebase to use ECMAScript modules, reducing package size and improving performance.
TypeScript 5.0, due from Microsoft as a production release on March 16, has been restructured around the use of ECMAScript modules, a major infrastructure change for the strongly typed JavaScript variant.
Users of TypeScript 5.0, which currently is in a release candidate stage, will need to run Node.js 12 at a minimum. In return, npm installs promise to execute a little faster and take up less space, with the typescript package sized reduced by roughly 46%, Microsoft said in a March 9 bulletin. TypeScript too will be faster, with build times cut by 10% to 25%. API consumers of TypeScript likely will be unaffected.
๐ฅ Follow @javascriptdaily ๐ฅ
https://www.infoworld.com/article/3690342/typescript-50-rebuilt-to-use-ecmascript-modules.html
With TypeScript 5.0, the TypeScript development team has restructured the entire codebase to use ECMAScript modules, reducing package size and improving performance.
TypeScript 5.0, due from Microsoft as a production release on March 16, has been restructured around the use of ECMAScript modules, a major infrastructure change for the strongly typed JavaScript variant.
Users of TypeScript 5.0, which currently is in a release candidate stage, will need to run Node.js 12 at a minimum. In return, npm installs promise to execute a little faster and take up less space, with the typescript package sized reduced by roughly 46%, Microsoft said in a March 9 bulletin. TypeScript too will be faster, with build times cut by 10% to 25%. API consumers of TypeScript likely will be unaffected.
๐ฅ Follow @javascriptdaily ๐ฅ
https://www.infoworld.com/article/3690342/typescript-50-rebuilt-to-use-ecmascript-modules.html
InfoWorld
TypeScript 5.0 rebuilt to use ECMAScript modules
With TypeScript 5.0, the TypeScript development team has restructured the entire codebase to use ECMAScript modules, reducing package size and improving performance.
๐6โค1
32 Awesome JavaScript Snippets (one-liners) You Should Use
Some useful JavaScript stuff I have saved and I think it can help make your life as a developer easier.
๐ฅ Follow @javascriptdaily ๐ฅ
https://www.rahul.biz/blog/32-javascript-snippets
Some useful JavaScript stuff I have saved and I think it can help make your life as a developer easier.
๐ฅ Follow @javascriptdaily ๐ฅ
https://www.rahul.biz/blog/32-javascript-snippets
๐13โค3๐ฅ2๐ฅฐ1๐1๐1
๐3
ECMAScript excitement ๐
These proposals advanced #TC39 this week ๐
3๏ธโฃ Async Explicit Resource Mgmt
3๏ธโฃ Import Attributes (*)
2๏ธโฃ AsyncContext
2๏ธโฃ Float16Array
2๏ธโฃ Iterator.range
1๏ธโฃ Await Dictionary
1๏ธโฃ Class Method Param Decorators
1๏ธโฃ Promise.withResolvers
1๏ธโฃ TZ Canonicalization
๐ฅ Follow @javascriptdaily ๐ฅ
These proposals advanced #TC39 this week ๐
3๏ธโฃ Async Explicit Resource Mgmt
3๏ธโฃ Import Attributes (*)
2๏ธโฃ AsyncContext
2๏ธโฃ Float16Array
2๏ธโฃ Iterator.range
1๏ธโฃ Await Dictionary
1๏ธโฃ Class Method Param Decorators
1๏ธโฃ Promise.withResolvers
1๏ธโฃ TZ Canonicalization
๐ฅ Follow @javascriptdaily ๐ฅ
๐20โค2๐1
What's the best article you've read in the JavaScript or front-end space lately?
๐2
Storybook provides a workshop to build UIs in isolation. It helps you develop hard-to-reach states and edge cases without needing to run the whole app.
https://storybook.js.org/
https://storybook.js.org/
Storybook
Storybook: Frontend workshop for UI development
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
๐21๐ฅฐ3๐ฅ2
JavaScript based, automated data exploratory analysis and visualization tools. (Licence: AGPLv3)
https://github.com/Kanaries/Rath
https://github.com/Kanaries/Rath
GitHub
GitHub - Kanaries/Rath: Next generation of automated data exploratory analysis and visualization platform.
Next generation of automated data exploratory analysis and visualization platform. - Kanaries/Rath
๐4๐ฅ3โค1
Dear Oracle, Please Release the JavaScript Trademark
Ryan Dahl
2022-09-03
In 1995 Netscape partnered with Sun Microsystems to create interactive websites. Famously Brendan Eich spent only 10 days to create the first version of JavaScript - a dynamic programming language with a roughly syntactic lineage from Sunโs Java language. As a result of this partnership Sun held the trademark โJavaScriptโ. In 2009 Oracle acquired Sun Microsystems and the JavaScript trademark as a result.
The trademark has no commercial value. Other than Oracle's JavaScript Extension Toolkit, Oracle does not have any products using the trademark and presumably no planned usage. Oracle doesnโt even participate in the development of any of the JavaScript engines like V8, JavaScriptCore, or Spidermonkey. It seems very likely that JavaScript trademark infringement would be unenforceable in court due to non-use.
Nevertheless the trademark is a dark cloud looming over the worldโs most popular programming language. Careful law abiding engineers bend over backwards to avoid its use - leading to confusing terms like ECMAScript.
The best value Oracle could derive from the trademark would be from the goodwill it receives by granting it into the public domain. Itโs understandable why this hasnโt yet happened - it would require a very forward thinking and high level Oracle employee to propose something so intangible. Yet it is obviously the right move to trade a worthless trademark for brand marketing and goodwill.
Oracle, please release the JavaScript trademark.
Source: https://tinyclouds.org/trademark
๐ฅ Follow @javascriptdaily ๐ฅ
Ryan Dahl
2022-09-03
In 1995 Netscape partnered with Sun Microsystems to create interactive websites. Famously Brendan Eich spent only 10 days to create the first version of JavaScript - a dynamic programming language with a roughly syntactic lineage from Sunโs Java language. As a result of this partnership Sun held the trademark โJavaScriptโ. In 2009 Oracle acquired Sun Microsystems and the JavaScript trademark as a result.
The trademark has no commercial value. Other than Oracle's JavaScript Extension Toolkit, Oracle does not have any products using the trademark and presumably no planned usage. Oracle doesnโt even participate in the development of any of the JavaScript engines like V8, JavaScriptCore, or Spidermonkey. It seems very likely that JavaScript trademark infringement would be unenforceable in court due to non-use.
Nevertheless the trademark is a dark cloud looming over the worldโs most popular programming language. Careful law abiding engineers bend over backwards to avoid its use - leading to confusing terms like ECMAScript.
The best value Oracle could derive from the trademark would be from the goodwill it receives by granting it into the public domain. Itโs understandable why this hasnโt yet happened - it would require a very forward thinking and high level Oracle employee to propose something so intangible. Yet it is obviously the right move to trade a worthless trademark for brand marketing and goodwill.
Oracle, please release the JavaScript trademark.
Source: https://tinyclouds.org/trademark
๐ฅ Follow @javascriptdaily ๐ฅ
Oracle
Oracle JavaScript Extension Toolkit (JET)
Oracle JET - JavaScript Extension Toolkit
๐9๐1
JavaScript Daily
Dear Oracle, Please Release the JavaScript Trademark Ryan Dahl 2022-09-03 In 1995 Netscape partnered with Sun Microsystems to create interactive websites. Famously Brendan Eich spent only 10 days to create the first version of JavaScript - a dynamic programmingโฆ
Trivia: This trademark issue is why the standardized form of JS is called ECMAScript.
Wikipedia
ECMAScript
official specification on which JavaScript and other languages are based
๐2
Angular v16.0.0 should be launching sometime in May. If you are an angular developer, or considering angular for your next project, knowing these new features are essential. Some of these are long standing features request from the community. Some features (signal, and SSR) bring Angular to par with other modern frameworks. With these features and more coming in v17, modern angular would start looking a lot different from what it is right now. Given the amount the changes angular is bringing in, if we donโt keep ourselves up to date, we won't be able to take advantage of these new features, and our codebase may start looking like a legacy code very soon.
https://itnext.io/angular-16-is-huge-67288a3ff58b
๐ฅ Follow @javascriptdaily ๐ฅ
https://itnext.io/angular-16-is-huge-67288a3ff58b
๐ฅ Follow @javascriptdaily ๐ฅ
Medium
Angular 16 is huge
At the time of writing this article, angular just published its first release candidate version of v16. There are lot of feature/changesโฆ
๐7