devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Frontend
Home›Frontend›Aleph.js alfa z funkcją importowania map

Aleph.js alfa z funkcją importowania map

By Bernadeta Zapała
2 grudnia 2020
177
0
Share:

W listopadzie pojawiła się nowa wersja Aleph.js alfa. Jest to framework Reacta dla aplikacji renderowanych po stronie serwera w Deno.

Aleph.js korzysta ze składni importu ESM, dlatego też nie potrzebuje webpacka czy innych pakietów. Moduły kompiluje się tylko raz, a zmieniając jeden z nich, nie kompiluje się całego projektu, a tylko zmieniony moduł. Co ważne, framework aktualizuje się w przeglądarce za pomocą Hot Module Replace (HMR) z React Fast Refresh.

Wersja Aleph.js alfa

Nowo wydana wersja frameworka zapewnia m.in. system routingu oparty na stronach, razem z obsługą tras dynamicznych, oraz routing boczny. Ponadto wydanie alfa ma trasy API i opcję statycznego generowania witryn. Aleph.js obsługuje także Markdown, CSS oraz Sass i wspomnianą już wcześniej opcję szybkiego odświeżania – React Fast Refresh.

Import map

Framework obsługuje import map, dzięki specjalnemu plikowi import_map.json, który jest zlokalizowany w katalogu głównym aplikacji. Ta opcja pozwala importowanie bezpośrednio za pomocą adresu URL. Z zaimportowanymi mapami Aleph może zastąpić linię import React from “react” inną formą, na przykład: import React from “https://esm.sh/react@16.13.1”.

Współpraca z Deno

Przede wszystkim Aleph posiada wiele funkcji Next.js, dostępnych w Deno. Deno to proste i bezpieczne środowisko uruchomieniowe dla JavaScript i TypeScript. Bezpieczeństwo w Deno jest zapewnione przez bardziej rygorystyczny model zabezpieczeń, który domyślnie nie umożliwia dostępu do plików, sieci i środowiska. Deno korzysta z modułów ECMAScript (ESM), dlatego też wszystkie zależności są importowane jako URL i zarządzane przez Aleph.js:

import React from "https://esm.sh/react@17.0.1"
import Logo from "../components/logo.tsx"

export default function Home() {
    return (
      <div>
        <Logo />
        <h1>Hello World!</h1>
      </div>
    )
}

Do obsługi ESM Aleph potrzebuje nowszych wersji przeglądarek – np. Chrome od wersji 61, Firefox 60 czy Edge 16.

Moduły Deno zapewniają Aleph.js alfa lepszą produktywność w fazie rozwoju. Każdy moduł musi zostać skompilowany raz. Gdy się zmieni, Aleph.js zajmie się rekompilacją pojedynczego modułu, dzięki czemu programista nie musi tracić czasu na pakowanie aplikacji przy każdej zmianie.

Podsumowanie Aleph.js alfa

Framework wciąż znajduje się w fazie alfa, nie jest jeszcze gotowy do użytkowania codziennego, jednak aktywnie się rozwija. Aleph jest oprogramowaniem open source, na licencji MIT. Twórcy w najbliższym czasie planują dodać obsługę starszych przeglądarek (np. IE11) oraz obsługę PWA i AMP. Dokumentacja jest dostępna na stronie internetowej.

Źródła: Aleph.js, InfoQ

TagsAleph.jsDenoReact Fast Refresh

Share:

  • Informacje

    Działalność open source Google w liczbach

  • kendo-banner
    Frontend

    Kendo UI R2 2020  – co nowego dla popularnych frameworków?

  • Narzędzia

    Node.js 14 – lepsza diagnostyka i WebAssembly

  • 13 kwietnia 2021

    TypeScript 4.3 beta z oddzielnymi typami zapisu

  • 7 kwietnia 2021

    Billboard.js 3.0 z nowym typem świecy

  • 2 kwietnia 2021

    Silnik V8 9.0 beta udostępniony

  • 1 kwietnia 2021

    ReacType 6.0 z nowym dashboardem

  • 29 marca 2021

    Udostępniono Android 12 Developer Preview 2

  • 24 marca 2021

    Git 2.31 dostępny z konserwacją w tle

  • 19 marca 2021

    Relay Hooks – nowy zestaw interfejsów API

  • 18 marca 2021

    Deno 1.8 ze wsparciem interfejsu API WebGPU 

  • 16 marca 2021

    React Native 0.64 z silnikiem Hermes na iOS

  • 9 marca 2021

    Windows Terminal Preview 1.7 z lepszym zarządzaniem oknami

  • 3 marca 2021

    Vite 2.0 wydane z nowymi wtyczkami

  • 25 lutego 2021

    ReacType 5.0 – zmiany we wprowadzaniu komponentów

  • 23 lutego 2021

    Dapr v.1.0 gotowy do fazy produkcji

  • 22 lutego 2021

    ReScript 9.0 z zewnętrzną konfiguracją stdlib

  • 22 lutego 2021

    One UI 3.1 z ciekawymi nowościami dla urządzeń Samsunga

  • 22 lutego 2021

    Windows Terminal Preview 1.6 z nową sekcją ustawień

  • 15 lutego 2021

    Visual Studio Code 1.53 z ulepszeniami debugowania

  • 8 lutego 2021

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • 2 lutego 2021

    Firefox 85 i Firefox Nightly – nowe wersje przeglądarki Mozilli

  • 29 stycznia 2021

    Billboard.js 2.2.0 z nowymi funkcjami wykresów

  • 26 stycznia 2021

    Kendo UI R1 2021 – nowości dla bibliotek

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT