studylida

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();..