Axios

Axios let us use HTTP methods to communicate with our database.

Babel

Babel is a transpiler for JavaScript best known for its ability to turn ES6 (the next version of JavaScript) into code that runs in your browser (or on your server) today.

Body Parser

Body Parser: parse the incoming requests bodies for the info we are sending (gives us access to req.body which we will be using soon).

Document database

ECMAScript

Endpoint

The entry point to a service, a process, or a queue or topic destination in service-oriented architecture

Express

Express is a modular web framework for Node.js.

It is used for easier creation of web applications and services, Express simplifies development and it makes it easier to write secure, modular and fast applications.

Express handles the routing of requests to the right part of your application providing a REST API that the front-end can access using HTTP network calls.

Express Generator

Foreman:

Foreman allows us to boot up our API and webpack-dev-server simultaneously.

HTTP network call

Interpreter

An interpreter is a program that translates high level programming language into 0 and 1’s so that a computer can understand.

What an interpreter does is it looks at a line of code in your script (file with source code in it) and translates that line so the computer can execute it.

It then immediately sends that translated instruction to the computer to execute before moving on to the next line. We call this process interpretation. This means that your code begins running before it gets fully translated. Each line in your code is interpreted one at a time

Javascript

Javascript is a programming language. Javascript is an implementation of ECMAScript, the standard which defines the javascript language. Javascript is an interpreted language, meaning that a computer cannot understand this directly, to understand Javascript a computer needs an interpreter.

modular inline css styling

The module.exports or exports

is a special object which is included in every JS file in the Node.js application by default. module is a variable that represents current module and exports is an object that will be exposed as a module. So, whatever you assign to module.exports or exports, will be exposed as a module.

http://www.tutorialsteacher.com/nodejs/nodejs-module-exports

Marked

Marked to convert markdown syntax to html. I used this in place of Remarkable (which the FB tutorial uses)

MongoDB

MongoDB is an open-source, document database used in the MERN stack.

Mongoose

abstracts away the MongoDB boilerplate for a simple Schema solution.

Node.js

Nodemon:

Nodemon watches our server.js file for changes, then restarts it.

Postman

the Only Complete API Development Environment

React components

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation

React Devtools

Extension for Chrome and Firefox lets you inspect a React component tree in your browser devtools.

React Functional components

React Immutability

There are generally two ways for changing data. The first method is to mutate the data by directly changing the values of a variable. The second method is to replace the data with a new copy of the object that also includes desired changes.

The end result is the same but by not mutating (or changing the underlying data) directly we now have an added benefit that can help us increase component and overall application performance.

React props vs state

https://github.com/uberVU/react-guide/blob/master/props-vs-state.md

React elements

REST API

Schema in MongoDB

Everything in Mongoose starts with a Schema. Each schema maps to a MongoDB collection and defines the shape of the documents within that collection.
http://mongoosejs.com/docs/guide.html#definition

  var mongoose = require('mongoose');
  var Schema = mongoose.Schema;
  var blogSchema = new Schema({
    title:  String,
    author: String,
    body:   String,
    comments: [{ body: String, date: Date }],
    date: { type: Date, default: Date.now },
    hidden: Boolean,
    meta: {
      votes: Number,
      favs:  Number
    }
  });

web framework

A web framework (WF) or web application framework (WAF) is a software framework that is designed to support the development of web applications including web services, web resources, and web APIs. Web frameworks provide a standard way to build and deploy web applications. Web frameworks aim to automate the overhead associated with common activities performed in web development. For example, many web frameworks provide libraries for database access, templating frameworks, and session management, and they often promote code reuse.[1] Although they often target development of dynamic web sites, they are also applicable to static websites.[2]

webpack

Webpack is an open-source JavaScript module bundler. Webpack takes modules with dependencies and generates static assets representing those modules. It takes the dependencies and generates a dependency graph allowing web developers to use a modular approach for their web application development purposes. The bundler can be used from the command line, or can be configured using a config file which is named webpack.config.js. Confused?:

https://webpack.js.org/concepts/

Web server

A Web server is a program that uses HTTP (Hypertext Transfer Protocol) to serve the files that form Web pages to users, in response to their requests, which are forwarded by their computers' HTTP clients. Dedicated computers and appliances may be referred to as Web servers as well.

The process is an example of the client/server model. All computers that host Web sites must have Web server programs. Leading Web servers include Apache (the most widely-installed Web server), Microsoft's Internet Information Server (IIS) and nginx (pronounced engine X) from NGNIX. Other Web servers include Novell's NetWare server, Google Web Server (GWS) and IBM's family of Domino servers.

Yarn

Yarn is a package manager for the code you write, kind of similar to npm. It allows you to use and share code with other developers from around the world. Yarn does this quickly, securely, and reliably so you don’t ever have to worry.

With yarn, code is shared through something called a package(sometimes referred to as a module). A package contains all the code being shared as well as apackage.jsonfile which describes the package.