Skip to content

Latest commit

 

History

History
205 lines (133 loc) · 3.81 KB

mern-stack-talk.md

File metadata and controls

205 lines (133 loc) · 3.81 KB
marp theme _class backgroundImage
true
gaia
lead

bg left:40% 80%

MERN

MongoDB Express React Node

Me

Suhas Kashyap

Dev at Quotient Technology Inc.

Find me on Linkedin/twitter Mail me at: kashyapsuhas07@gmail.com These slides + code at: github.com/kashyap07/mern-stack-talk

Quick Recap

  • M - nosql - no relations/schema, documents in collections
  • N - JS runtime, logic layer
  • E - Node framework, utility fns for web applications, middleware, routing
  • R - component based, "reactive", mobile app like

The Big Picture

w:auto h:500

Deeper Dive

Mongo

  • BSON Documents in Collection
  • Store JSON natively (but binary)
  • Horizontal Scalability - shards
    • Watch: youtu.be/Q-lHpZBh3lQ

Deeper Dive

Node

  • Event loop
  • Async-ness
  • Nonblocking - Callbacks and Promises
  • npm - node package manager

Deeper Dive

Node

Event Loop

bg right:60% 90%

( from: What the heck is the event loop anyway? | Philip Roberts | JSConf EU

youtu.be/8aGhZQkoFbQ)

Deeper Dive

Node

Event Loop

bg right:60% 90%

( from: What the heck is the event loop anyway? | Philip Roberts | JSConf EU

youtu.be/8aGhZQkoFbQ)

Deeper Dive

Express

  • Endpoints
  • Middleware
  • Alternatives
  • Templates

Deeper Dive

React

  • Single page applications - React router
  • State management
  • UI Components - reuseability
  • JSX Javascript XML

Why this stack works and why it's used

  • easy to get into - JS
  • JS everywhere, JSON everywhere
  • Performance

Current state of MERN development

  • Promises
  • es6 --> es10
  • Building/Bundling
  • Typescript
  • graphql
  • ci/cd
  • nginx
  • SSR
  • Docker

Walkthrough

Twitter like feed

Thank you!

Find these slides + code at github.com/kashyap07/mern-stack-talk