Mint 🌿 ohjelmointikieli yhden sivun sovellusten kirjoittamiseen (SPA)

Johdanto

Hello! 👋 Tänään, kerron teille tarinan Mint lang, hyvin nuori (mutta mielenkiintoinen) ohjelmointikieli keskittynyt rakentamiseen SPA (yhden sivun sovelluksia). Siinä on kaikki työkalut, joita tarvitset kirjoittaaksesi virheettömiä, helposti luettavia ja ylläpidettäviä sovelluksia ennätysajassa.

vaikuttunut? Niin minäkin! Hoidetaan tämä yhdessä… 😉

📝 Sisällysluettelo

• mikä Minttulangi oikeastaan on?
  • miksi ei JavaScript?
  • miksei Jalava?
• Miksi Minttu?
• Mint tools & ecosystem
  • Editor extensions
  • CLI
  • hajautettu paketinhallinta
  • reititys
  • CSS Styling
• lopputulos

mikä on Mint lang oikeasti?

ensinnäkin Kiteellä kirjoitettu minttu:

yleiskäyttöinen, olio-orientoitunut ohjelmointikieli, jonka syntaksin taustalla on kieli Ruby se on käännetty kieli, jossa on staattinen tyyppitarkistus, mutta muuttujien tai menetelmäargumenttien määrittely on yleensä tarpeetonta.

– Wiki

seuraava, seuraa virallista rahapajan opasta:

Mint on kieli, joka on luotu erityisesti yhden sivun sovellusten kirjoittamiseen. Se on kääntäjä ja puitteet yhdistettynä tarjota suuri kehittäjä kokemus samalla kirjoittaa turvallinen, luettavissa ja ylläpidettävissä koodi.

kyllä, se on totta! Näyttää tämän koodin (anteeksi koodin korostus):

// src/App.mintcomponent Counter { state counter : Number = 0 fun increment : Promise(Never, Void) { next { counter = counter + 1 } } fun decrement : Promise(Never, Void) { next { counter = counter - 1 } } fun render : Html { <div> <button onClick={decrement}> "Decrement" </button> <span> <{ Number.toString(counter) }> </span> <button onClick={increment}> "Increment" </button> </div> }}

hyvin samanlainen tiukasti typistetty kieli, mutta mukana JSX-tyyliin, eikö?

se syntyi JavaScript-kielen ja ekosysteemin (npm) ja Elm-kielen turhautumisesta, eivätkä sen kehityskäytännöt ole niin avoimia.

OK! 👌 Päätetään heti: miksi ei JavaScript ja mitä vikaa Elm.

miksi ei JavaScript?

JavaScript ei ole vahvasti tyypitetty kieli, joka vaikeuttaa virheettömän koodin kirjoittamista ja johtaa ei niin suureen kehittäjäkokemukseen.

siinä ei myöskään ole työkaluja web-sovellusten luomiseen laatikosta, tarvitaan kehyksiä ja kääntäjiä sekä rakennetaan työkaluja, jotka lisäävät monimutkaisuutta.

miksei Jalava?

Jalavalla on paljon kehittäjäkokemusta, mutta puhtaasti funktionaalisena kielenä se johtaa johonkin boilerplate-koodiin ja vaikeuttaa sen oppimista.

kieleen ei myöskään voi vaikuttaa millään mielekkäällä tavalla.

miksi minttu lang? 🤔

Mint pyrkii yhdistämään Elmin kehittäjäkokemuksen ja Reactin ilmaisuvoiman luodakseen täydellisen kielen yksisivuisten sovellusten rakentamiseen.

vuoden kehitystyön jälkeen Rahapajalla on seuraavat ominaisuudet:

1. Hyvätyyppinen järjestelmä
2. Nizzan Virheilmoitukset
3. formaatti
4. Komposition komponentit
5. tiedon tallennus
6. sisäänrakennettu stailaus
7. sisäänrakennettu reititys
8. Suuri JavaScript yhteentoimivuus
9. muuttumattomat Tietorakenteet

Mint tools & ecosystem

en puhuisi tästä ohjelmointikielestä, jos sillä ei olisi ekosysteemiä käynnistämistä ja kehittämistä varten. No! 😎

Editor extensions

• vs. koodi — lisää syntaksin korostuksen ja automaattisen täydennystuen
• Emacs — lisää syntaksin korostuksen ja automaattisen muotoilun käyttäen mint-muotoa
• IntelliJ IDEA — lisää syntaksin korostuksen
• Atom — lisää syntaksin korostuksen
• vim — hyvin minimaalinen (mutta toimiva) syntaksi/ftdetect combo

Cli

Mint CLI: n asentaminen komennolla:

# For macOS:$ brew tap homebrew-community/alpha$ brew install mint-lang# For Linux:$ wget --no-verbose -O mint https://mint-lang.s3-eu-west-1.amazonaws.com/mint-latest-linux$ chmod +x ./mint$ sudo mv ./mint /usr/local/bin/mint

Ja nyt, katso kaikki käskyt call Mintiltä --help lipulla:

$ mint --helpMint - Help━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━Usage: mint MintFlags: --env, -e (default: "") # Loads the given .env file --help # Displays help for the current command.Subcommands: build # Builds the project for production docs # Starts the documentation server format # Formats source files init # Initializes a new project install # Installs dependencies loc # Counts Lines of Code start # Starts the development server test # Runs the tests version # Shows version━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

hajautettu paketinhallinta

Tämä sivu sisältää paketit, joita voit käyttää projekteissasi:

• https://www.mint-lang.com/packages

reititys

sovelluksen reitit määritellään ylätasolla routes lohkon kanssa. Muista seuraavat asiat:

• reitit sovitetaan siinä järjestyksessä kuin ne on määritelty ylhäältä alas
• reiteillä voi olla vain yksi reittilohko hakemusta kohti
• reittejä käytetään tilan asettamiseen, ei asioiden muuttamiseen

esimerkkikoodi:

routes { / { Application.setPage("index") } /users/:id (id: Number) { sequence { Application.setPage("show") Application.loadUser(id) } } /blog { Application.setPage("blog") } /blog/:slug (slug: String) { sequence { Application.setPage("post") Application.loadPost(slug) } }}

CSS Styling

Mint componentsissa tyylit voidaan määritellä tunnisteella, jonka jälkeen niitä voidaan soveltaa HTML: ään käyttäen tunnistetta CSS-luokkana.

tyyli voi sisältää minkä tahansa määrän CSS-määritelmiä, alisääntöjä, mediakyselyjä, if ja case lausumia.

esimerkkikoodi:

component Main { style button { background: red; color: white; border: 0; } fun render : Html { <button::button> "Click ME!" </button> }}

lopputulos

mint build jälkeen on tuotantovalmis Preact SPA. Nyt riitti! 🎉

Kuva:

Ben Kolde https://unsplash.com/photos/H29h6a8j8QM
rahapajan tekijät https://www.mint-lang.com
Anthony Fomin https://unsplash.com/photos/Hr6dzqNLzhw

P. S.