CodeSandbox

CodeSandbox on selaimella toimiva Ives van Hoornen ja Bas Buursmanin kehittämä koodieditori, joka on suunniteltu verkko-ohjelmistoprojektien nopeaan ja helppoon jakamiseen vain jakamalla projektin verkko-osoitteen. CodeSandboxin pääominaisuuksiin kuuluu live-esikatselu projektista, jota ollaan kirjoittamassa, ja se toimii kaikilla JavaScript-projekteilla, vaikka siinä onkin joitain erityisesti React-keskeisiä ominaisuuksia, kuten esimerkiksi tapa ladata projekti create-react-app-mallilla.[1]

Ominaisuudet

CodeSandbox luotiin projektien jakamista varten, joten luonnollisesti projekteja on helppo jakaa vain lähettämällä projektin verkkolinkin.

CodeSandbox tukee npm-riippuvuuksia, CSS-tiedostoja, HTML-tiedostoja ja muita verkkokehityksessä käytettäviä tiedostomuotoja.

Projektin voi ladata helposti, ja ladatessa projektista saa zip-tiedoston create-react-app-mallilla, joka luo automaattisesti package.json- ja index.html-tiedostot.

CodeSandbox tukee prettier-, prettier-eslint-, ESLint- ja Tern-preferenssejä. Kun uuden hiekkalaatikon avaa, CodeSandbox automaattisesti muotoilee tiedostot kyseisen käyttäjän preferenssien mukaan.[1]

CodeSandbox-käyttäjän voi yhdistää GitHub-käyttäjään, jolloin omien projektien versionhallinta onnistuu helposti.

Projektista voi luoda suoraan verkkosivun GitHub Pages- sekä Netlify-työkalujen avulla.

Projektille voi aloittaa Live-toiminnon, jolloin useat käyttäjät voivat samanaikaisesti muokata ja kehittää projektia. Live-toiminto tukee chat-palvelua. Muita käyttäjiä pystyy kutsumaan projektin tekemiseen kutsulinkin avulla. Projektin omistaja pystyy valitsemaan, haluaako hän, että kuka tahansa pystyy muokkaamaan projektia, vai vain tietyt käyttäjät.

Lähteet

  1. a b CodeSandbox — An online React editor - CodeSandbox Blog codesandbox.io. Viitattu 19.10.2022. (englanniksi)