studylida

index.js import React from "react"; import ReactDOM from "react-dom"; import App from "./components/App"; ReactDOM.render(, document.getElementById("root")); //Challenge. Render all the notes inside notes.js as a seperate Note //component. note.js const notes = [ { key: 1, title: "Delegation", content: "Q. How many programmers does it take to change a light bulb? A. None – It’s a hardware proble..

An arrow function expression is a compact alternative to a traditional function expression, with some semantic differences and deliberate limitations in usage: Arrow functions don't have their own bindings to this, arguments, or super, and should not be used as methods. Arrow functions cannot be used as constructors. Calling them with new throws a TypeError. They also don't have access to th..

import React from "react";import Card from "./Card";import contacts from "../contacts";function createCard(contact) { return ( );}function App() { return ( My Contacts {contacts.map(createCard)} {/* */} );}export default App;  another example index.jsimport React from "react";import ReactDOM from "react-dom";import App from "./components/App";ReactDOM...

index.js import React from "react"; import ReactDOM from "react-dom"; import pi, { doublePi, triplePi } from "./math.js"; ReactDOM.render( {pi} {doublePi()} {triplePi()} , document.getElementById("root") ); math.js const pi = 3.1415962; function doublePi() { return pi * 2; } function triplePi() { return pi * 3; } export default pi; export { doublePi, triplePi }; another example index.js import R..

index.js import React from "react"; import ReactDOM from "react-dom"; import App from "./components/App"; ReactDOM.render(, document.getElementById("root")); App.jsx import React from "react"; import Heading from "./Heading"; import List from "./List"; function App() { return ( ); } export default App; Heading.jsx import React from "react"; function Heading() { return My Favourite Foods; } expor..

import React from "react"; import ReactDOM from "react-dom"; const img = "https://picsum.photos/200"; ReactDOM.render( My Favourite Foods , document.getElementById("root") ); import React from "react"; import ReactDOM from "react-dom"; const customStyle = { color: "red", fontSize: "20px", border: "1px solid black" }; customStyle.color = "blue"; ReactDOM.render( Hello World!, document.getElementB..

in JSX, javascript expression is in {} index.html index.js import React from "react"; import ReactDOM from "react-dom"; const fName = "Angela"; const lName = "Yu"; const num = 7; ReactDOM.render( Hello {fName + " " + lName}! Your lucky number is {num} , document.getElementById("root") ); another example index.html index.js import React from "react"; import ReactDOM from "react-dom"; const name =..

index.html index.js // var React = require("react"); // var ReactDom = require("react-dom"); import React from "react"; import ReactDom from "react-dom"; // ReactDom.render(What to show, Where to show it, cb); // ReactDom.render(Hello World, document.getElementById("root")); ReactDom.render( Hello World! This is a paragraph. , document.getElementById("root") ); /* var h1 = document.createElement..

// solution.js // Not code written by me. This is example code import express from "express"; import bodyParser from "body-parser"; import pg from "pg"; import bcrypt from "bcrypt"; import passport from "passport"; import { Strategy } from "passport-local"; import GoogleStrategy from "passport-google-oauth2"; import session from "express-session"; import env from "dotenv"; const app = express();..

//.env file SESSION_SECRET="TOPSECRETWORD" PG_USER="postgres" PG_HOST="localhost" PG_DATABASE="secrets" PG_PASSWORD="123456" PG_PORT="5432" // solution.js // Not code written by me. This is example code import express from "express"; import bodyParser from "body-parser"; import pg from "pg"; import bcrypt from "bcrypt"; import passport from "passport"; import { Strategy } from "passport-local"; ..