Getting Started

In this chapter, you will learn how to create your first React/Angular app with command line tools, how to write your first component, how to use the development tools and more.

It will also teach you the philosophy of React and Angular and some of the core differences.

Use create-react-app, pass in your application name and use the typescript template: npx create-react-app mood-react --template typescript. Learn More...

Use the Angular CLI to create a new application and supply the name: npx -p @angular/cli ng new mood-ng. Learn More...

The first component can be found in a single file, src/App.tsx. Edit this file to add the "hello world" functionality. Add new TypeScript functions to add more compoments. Learn More...

The first angular component contains of two files: src/app/app.component.ts and app.component.html in the same directory. Edit both files to add the "hello world" functionality. Use the Angular CLI to add more components. Learn More...

A React component is, in the most simple case, a function that creates a React element. Batteries are not included: For certain tasks, you will need additional libraries. Learn More...

An Angular component contains of a template that defines how the component is rendered and a class containing the component's logic. Batteries are included: Angular comes with everything you need to develop most single-page applications. Learn More...

Coming soon. Learn More...

Coming soon. Learn More...