Nowe wydanie — generatory kodu v0.9

Z przyjemnością informujemy o znaczących postępach w rozwoju bibliotek TeleportHQ do generowania kodu! W najnowszym wydaniu dodaliśmy generatory komponentów i projektów dla Angular, Preact i Stencil.

Wypróbuj: repl.teleporthq.io

Przez kilka miesięcy poprzedzających wydanie v0.9 pracowaliśmy nad infrastrukturą i architekturą ekosystemu. Najpierw w wersji v0.7 podzieliliśmy pakiety w npm, korzystając z konfiguracji monorepo lerna. Następnie w wersji v0.8 dodaliśmy uniwersalne funkcje dla generatorów komponentów i projektów. Dzięki tym zmianom programiści mogą dostosowywać, konfigurować i rozszerzać istniejące pakiety.

Mając już ten model, z przyjemnością ogłaszamy nowe oficjalne generatory komponentów:

• teleport-component-generator-angular
• teleport-component-generator-preact
• teleport-component-generator-stencil

Te nowe pakiety wzbogacają nasz rozbudowany ekosystem wtyczek oraz generatorów komponentów i projektów.

Angular#

Jeśli chodzi o tworzenie aplikacji dla przedsiębiorstw i nie tylko, Angular jest jednym z najpopularniejszych dostępnych rozwiązań. Komponenty Angulara składają się zazwyczaj z 3 osobnych plików: szablonu HTML, klasy komponentu w TypeScript oraz pliku CSS. Tworzenie komponentów Angulara było interesującym zadaniem. Ostatecznie połączyliśmy funkcjonalności znane z generatorów komponentów dla Vue i Stencil. Obecnie pracujemy nad generatorem projektów opartym na komponentach Angulara.

Preact#

Gdy nie potrzebujesz pełnych możliwości Reacta, Preact.js jest świetną, bardzo lekką alternatywą dla nowoczesnych aplikacji internetowych (biblioteka ma tylko 3 KB po kompresji gzip). Preact sprawdza się szczególnie dobrze, gdy kluczowe jest utrzymanie niewielkiego rozmiaru pakietu. Tworzenie komponentów Preact było dość łatwe, ponieważ mogliśmy oprzeć się na systemie wtyczek Reacta. Dodaliśmy także generator projektów oparty na Preact, który wykorzystuje szablon oferowany przez „preact-cli”.

Stencil#

Komponenty internetowe są świetnym rozwiązaniem, ponieważ natywnie obsługują enkapsulację, lokalny stan i ograniczony zakres stylów. Stencil.js to jedno z najpopularniejszych rozwiązań do kompilowania kodu do komponentów internetowych. Stencil zapewnia świetne środowisko pracy programistom dzięki składni JSX, TypeScriptowi i ograniczonemu zakresowi CSS.

Jeśli chcesz wypróbować nowe generatory, odwiedź internetowe środowisko REPL lub zapoznaj się z dokumentacją, aby szybko skonfigurować środowisko lokalne na podstawie pakietów npm.

Co dalej#

Przed nami wersja 0.10. To wydanie rozszerzy nasz ekosystem o generator komponentów React Native i generatory projektów. Pracujemy również nad dodaniem nowych wydawców do istniejących generatorów projektów. Na koniec badamy możliwości generowania systemów komponentów na podstawie struktury UIDL.