Studio DX
Created with SVG-edit - https://github.com/SVG-Edit/svgeditStraight Art
Designed in StackBlend Studio
Understand studio's embeded technologies
React.JS with TypeScript
TypeScript for JavaScript Programmers
To understand TypeScript from JavaScript perspective
How to use TypeScript with React: A tutorial with examples
To compare between TSX and JSX, what're the differences
Component StateS
Lifecycle of Components
To use constructor(), componentDidMount(), componentDidUpdate(), componentWillUnmount(), and render()
React Components Lifecycle with State and Props
To pass and use properties from the parent, setup the state, get automatically render() and even re-render without any extra code
pug template engine
Use Pug templates to write react components
To understand Pug template inside render(), forward props and state, define events
React Children: The misunderstood prop
To assign custom JSX/TSX elements in Pug template via children attribute
TypeScript Closure
Private, Public & Protected Access Modifiers in TypeScript
To understand and use object oriented programming (OOP) in project
TypeScript: Export React components as part of a namespace
To export and import TSX components and re-use in another ones
Database and background processing
node-resque: The best background jobs in node.
To understand and use background processing in project
Difference between SQL and NoSQL
To choose between document (NoSQL) or relational (SQL) database
Redis: In-memory database (volatile)
To achieve the highest speed in CRUD of some tables in conjunction with document and relational ones
Preparing your environment
Visual Studio Code - Code Editing. Redefined
To download and built on open source
Use stackBlend to incorporate Node.JS projects
StackBlend Studio - Full-Stack Editor
StackBlend Studio is a full-stack editor for website development which comes with extensive options for HTML5, CSS3, and database manipulation without coding.
Using StackBlend with Visual Studio Code