Building a JSON Parser from scratch with JS 🤯

1. webpack

   1 382 65,743 9.9 JavaScript

   A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

   

   A parser can have various applications in everyday life, and you probably use some parser daily. Babel, webpack, eslint, prettier, and jscodeshift. All of them, behind the scenes, run a parser that manipulates an Abstract Syntax Tree (AST) to do what you need - we'll talk about that later, don't worry.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. jscodeshift

   2 30 10,003 3.5 JavaScript

   A JavaScript codemod toolkit.

   

   A parser can have various applications in everyday life, and you probably use some parser daily. Babel, webpack, eslint, prettier, and jscodeshift. All of them, behind the scenes, run a parser that manipulates an Abstract Syntax Tree (AST) to do what you need - we'll talk about that later, don't worry.

4. json-parser

   3 2 17 0.0 TypeScript

   A Json parser in TypeScript (by vitorsouzaalmeida)

   

   It's worth noting that my repository is open, and you can access it here.

5. prettier

   4 506 51,901 9.9 JavaScript

   Prettier is an opinionated code formatter.

   

   A parser can have various applications in everyday life, and you probably use some parser daily. Babel, webpack, eslint, prettier, and jscodeshift. All of them, behind the scenes, run a parser that manipulates an Abstract Syntax Tree (AST) to do what you need - we'll talk about that later, don't worry.

6. ESLint

   5 471 27,289 9.7 JavaScript

   Find and fix problems in your JavaScript code.

   

   A parser can have various applications in everyday life, and you probably use some parser daily. Babel, webpack, eslint, prettier, and jscodeshift. All of them, behind the scenes, run a parser that manipulates an Abstract Syntax Tree (AST) to do what you need - we'll talk about that later, don't worry.

7. babel-sublime

   6 168 3,247 0.0 JavaScript

   Syntax definitions for ES6 JavaScript with React JSX extensions.

   

   A parser can have various applications in everyday life, and you probably use some parser daily. Babel, webpack, eslint, prettier, and jscodeshift. All of them, behind the scenes, run a parser that manipulates an Abstract Syntax Tree (AST) to do what you need - we'll talk about that later, don't worry.

8. astexplorer

   7 53 6,530 6.0 JavaScript

   A web tool to explore the ASTs generated by various parsers.

   

   If you want to see how the AST of popular languages looks, I recommend the AST Explorer. It supports various languages, and you can view the complete AST and navigate through the nodes. If you want to go further, you can try to copy some logic from an existing parser and implement it in your own, such as calculating an expression according to precedence order, for example: 1 + 2 * 3 (which is 7, not 9).

Suggest a related project