DEV-0000 SPIKE Juiste online IDE library kiezen

CarlEvaristo / dev-course

0 stars 0 forks source link

DEV-0000 SPIKE Juiste online IDE library kiezen #8

Open CarlEvaristo opened 1 year ago

CarlEvaristo commented 1 year ago

IDE gewenste functionaliteiten:

aparte HTML, CSS Javascript panes
output console
output browser
code linting/prettifier?
customizable
focus pane expanded => rest collapsed
session storage => start a lesson/session now, and finish it later

CarlEvaristo commented 1 year ago

CodeMirror, Monaco IDE en Ace waren het meest voorkomend in Google search. Deze review was de beste die ik tegenkwam. https://blog.replit.com/code-editors

CodeMirror komt hier wat mij betreft het beste uit, met name doordat het de beste is in mobile support. Veel online code editors gebruiken codeMirror under the hood. Zo ook codePen. codePen is wat mij betreft een voorbeeld en benchmark voor mijn eigen code editor.

in React 2 packages nodig:

codemirror
react-codemirror2