經過數月的開發和測試,我們很高興地宣布 AnalogJS 1.0 版本發布! 1.0版本包含許多功能,可協助開發人員使用 Angular 更快地交付網站和應用程式。

此版本標誌著 Analog 的第一個主要版本,為開發人員使用 Analog 進行建置提供了更穩定的起點。我們將繼續從開發人員那裡獲得回饋,幫助我們繼續改進和創新專案。

特點⭐️

Analog 是建構在 Angular 之上的元框架,由下一代開源建置工具Vite和開源伺服器引擎框架Nitro提供支援。以下是它的一些功能,包括:

貢獻和社區🤓

如果沒有核心貢獻者和合作者團隊,AnalogJS 就不會有今天的成就。

羅賓·戈茨

馬爾科·斯塔尼米羅維奇

路易斯·卡斯特羅

週陳

約書亞·莫羅尼

安德烈斯·維拉紐瓦

此外,也要感謝該專案的80 多名貢獻者,無論是透過程式碼、文件、測試,還是只是嘗試該專案。

該專案已經在GitHub上擁有超過 2000 顆星,在Discord上擁有超過 500 名成員,在Twitter/X上擁有超過 1000 名追蹤者,並被納入第一批GitHub 加速器隊列

{% youtube H4U6udLcM-Q %}

如果您想嘗試 Analog,請查看這篇有關使用 Analog 和 Angular建立部落格的部落格文章。如果您想參與該專案,請查看GitHub 儲存庫

下一步是什麼

我們將繼續使用 Analog 和 Angular 盡可能無縫地建立全端網站和應用程式,並透過與AstroNxVitestStorybook等整合來擴展 Angular 生態系統。

我們還在 Analog 中引入了一種新的單文件元件格式,用於編寫元件和指令。

以下是hello.analog檔案的範例:

<script lang="ts">
  import { signal } from '@angular/core';

  const count = signal(0);

  function increment() {
    count.update(total => ++total);
  }
</script>

<template>
  <h2>Hello Analog</h2>

  Count: {{ count() }}

  <button (click)="increment()">
    Increment
  </button>
</template>

<style>
  h2 {
    color: red;
  }
</style>

最初是使用 Angular 的元件和指令的.ng檔案副檔名,現已發展成為模擬 SFC,其功能包括支援自動導入、內聯 Markdown 模板、頁面路由等。隨著 Analog 未來的發展,我們將繼續迭代這種方法,並探索在 Angular 應用程式中啟用這種格式的選項。

我們已經收到了非常積極的回饋,甚至還收到了支援這種格式的進一步開發,包括用於模擬 SFC 的 IDEA 插件,該插件可在 WebStorm 的 EAP 版本中使用。感謝 JetBrains 團隊的Jan-Niklas WortmannPiotr Tomiak對此外掛程式的初步開發。您也可以在GitHub上為該插件做出貢獻。

與 Analog 合作🤝

我們正在尋找與模擬專案合作的公司,以支持該專案的開發。感謝Snyder Technologies作為 Analog 的早期採用者和推動者,感謝 Nx作為贊助商加入我們,感謝 House of Angular以及該專案的許多其他支持者。

了解有關我們合作機會的更多資訊或直接聯繫贊助商[at]analogjs.org。

加入社群🥇

如果您喜歡這篇文章,請點擊 :heart: 這樣其他人就會看到它。在 Twitter/X 上關注AnalogJS和 [me] (https://twitter.com/brandontroberts),並訂閱我的YouTube 頻道以獲取更多內容!


原文出處:https://dev.to/analogjs/announcing-analogjs-10-19an


共有 0 則留言