I am Nikhil. I am the founder and CTO at Qwerty (qwerty.college). I am a devtools maniac and continuously try to upgrade the developer experience for my teams. The range of tools I have messed around with in the last few years include:

• Web-based IDEs for React, backends, etc to make development accessible to non-technical people on my teams
• Infrastructure-as-code tools to making backends easy to manage for front-end devs
• Powerful custom React hooks
• Researching using natural language to write code for us...

Have built apps with: React, React Query, Relay, GraphQL, Recoil, Prisma, Hasura, Monaco Editor, NextJS, Framer motion, React router, ....

🔭. Some of the open source projects I've worked on, or, are in progress:

• use-monaco 🗒 :
  • Simple and powerful React hooks to work withmonaco-editor
  • Added plugin API to register custom workers, languages and features very easily
  • No bundler required for making monaco-editor work, everything is lazy loaded and uses web-workers wherever possible
  • Repo:https://github.com/nksaraf/use-monaco
  • used byhttps://github.com/steveruizok/state-designer-ide
• excalidraw-studio 👨‍🎨 :
  • Wrapper aroundexcalidraw with a file-explorer to manage multiple drawings (stored in a database)
  • Automatic collaboration session between different teammates working on the same drawing
  • Built with frontend: React, Chakra UI, backend: Hasura, GraphQL, Postgres
  • Repo:https://github.com/nksaraf/excalidraw-studio
• magiql-browser 🌐 :
  • Chrome like IDE with tabs and panels for exploring and developing multiple GraphQL APIs
  • Web-based, built on React, Recoil, use-monaco (monaco-editor)
  • Demo:https://magiql-browser.vercel.app/
  • Repo:https://github.com/nksaraf/magiql-browser
• playground 🎲 :
  • Nodes-based GUI with plugin support to create computation graphs
  • Working towards using these to define serverless functions as operations and connections between different kinds of data (REST API/ GraphQL/File) sources
  • React, Recoil
  • Demo:https://playground-ivory.vercel.app/
  • Repo:https://github.com/nksaraf/playground
• vite-next 🧬 :
  • NextJS-like SSR, SSG, Routing behaviour with next gen tooling: vite bundler, suspense, react-router v6 (base of remix)
  • Built on Vite, React, React Query, Tailwind CSS, React Router, Framer motion
  • Very experimental
  • Repo:https://github.com/nksaraf/vite-next
• magiql 🧙‍♀️:
  • React Query's data fetching primitves + relay-runtime's normalized cache = Easy to use and powerful React GraphQL client
    • Wrapper around the Relay compiler to generate typescript instead of flow types
    • Repo:https://github.com/nksaraf/magiql
    • Docs (incomplete):https://magiql.vercel.app/

PinnedLoading

1. vinxivinxiPublic

   The Full Stack JavaScript SDK

   JavaScript 2.5k 93

2. solidjs/solid-startsolidjs/solid-startPublic

   SolidStart, the Solid app framework

   TypeScript 5.4k 389

3. pmndrs/react-three-editorpmndrs/react-three-editorPublic archive

   🔌 A one of a kind scene editor that writes changes back into your code

   TypeScript 635 42

4. magiql-browsermagiql-browserPublic

   Web-based Browser and IDE for GraphQL (based on monaco-editor), useful for playgrounds for GraphQL servers

   TypeScript 30 4

5. use-monacouse-monacoPublic

   Use 🗒️ monaco-editor in any ⚛️ React app with simple hooks 🎣

   TypeScript 104 6

6. magiqlmagiqlPublic

   🌐 💫 Simple and powerful GraphQL Client, love child of react-query ❤️ relay

   TypeScript 202 1