js code bike

a frontend-only implementation of codewars-style javascript problem solving editor/dashboard

references

• Stephen Grider JSPlayground
• React Monaco Editor
• ESprima
• babel-standalone

tools i'm using

• react app rewired md

tools to research

• syntax highlighting for md code snippets
• in browser python interpreter
• pyodide

useful tips

= node --inspect-brk {filePath} creats debugger chrome instance

• 'rafce' makes a new component in react as a snippet named after filename (learned from Fullstack Mastery channel on youtube)

• trying memoization: https://medium.com/@rossbulat/how-to-memoize-in-react-3d20cbcd2b6e

• to customize themes of editor: https://microsoft.github.io/monaco-editor/playground.html#customizing-the-appearence-exposed-colors

start script:

cd ~/Desktop/p/jscode.bike && code .