Tulsi Prasad heytulsiprasad

In Class Components

class Forest extends React.Component {
  constructor(props) {
    super(props)
    this.plantRef = React.createRef()
 }

npx eslint --init

Morgan: helps in logging server requests (dev and prod)
Helmet: removes unnecessary default server response and adds useful (most) secure headers
Cors: good ol' cors, allows access to make server requests

A full stack application to store / list places you have traveled.

Definitely not comprehensive. This is meant to be a basic memory aid with links to get more details. I'll add to it over time.

$ npm install mongoose --save

const mongoose = require('mongoose');

	// file: selected/dropped by user

	function displayImage(file) {
	const reader = new FileReader()
	reader.readAsDataURL(file) // reader.result will be `data:__`

	reader.onload = (e) => imageRef.current.src = reader.result

	console.log(reader.result) // returns `data:__` which is URL of files data
	}

	upload(files) {
	const config = {
	onUploadProgress: function(progressEvent) {
	var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
	console.log(percentCompleted)
	}
	}

	let data = new FormData()
	data.append('file', files[0])

	// src/middleware/errorHandler.js

	// Not found middleware
	// 404

	const notFound = (req, res, next) => {
	const error = new Error(`Not Found - ${req.originalUrl}`);
	res.status(404);

	// pass error to the next middleware

	{
	"debug.javascript.codelens.npmScripts": "never",
	}