MERN Simon Tree Diagram

_**NB: This is called the 'Simon Tree' because it was designed by our very own Simon Bao, software developer.**_

MERN

• Set of open source components

• When used together they provide a full stack framework

MongoDB

• Storing data -stores data in JSON-like documents (BSON). JSON is represented as BSON behind the scenes

• Provides extra data types

• Ordered fields

• Highly scalable

• Elastic scaling

• No downtime

• Distributed data storage

Express (Routes/Controller)

• HTTP

• Routing

• View Rendering

• Backend framework which runs on top of NodeJS

• Standard web framework for Node.js

• Used to build web/mobile applications and APIs

ReactJS (View)

• View Generation

• Generates User Interface

• Continuous integration - does not require server reload for new implementations

• Uses JSX

• Diffing - uses Virtual DOM to make changes

• Updates every single DOM object

• Presentational markup language - basically informs browser how to present data

NodeJS (Model)

• Data Interaction

• Enables server-side scripting - generates a dynamic web page before data is sent to client

• Good scalability

• Supports non-blocking calls

• Concurrency (https://bytearcher.com/articles/parallel-vs-concurrent/)

• • Callback support