SahanAmarsha

SahanAmarsha

SahanAmarsha

C:\Users\Sahan Amarsha>deno run https://deno.land/std/examples/welcome.ts

Download https://deno.land/std/examples/welcome.ts

Warning Implicitly using master branch https://deno.land/std/examples/welcome.ts

Compile https://deno.land/std/examples/welcome.ts

Welcome to Deno 🦕

SahanAmarsha

import { serve } from "https://deno.land/std@0.50.0/http/server.ts";

const server = serve({ port: 5000 });
console.log("http://localhost:5000/");
 
for await (const req of server) {
  req.respond({ body: "Hello World\n" });
}

SahanAmarsha

const express = require('express');

const app = express();

app.get('/', res) => {
    res.send('Hello World');
}

app.listen(3000);

SahanAmarsha

{
  "env": {
    "DB_USER": "Sahan",
    "DB_PASSWORD": "MONGO123",
    "DB_NAME": "MERN"
  }
}

SahanAmarsha

const url = `mongodb+srv://${process.env.DB_USER}:${process.env.DB_PASSWORD}@cluster0-usg5d.mongodb.net`+
    `/${process.env.DB_NAME}?retryWrites=true&w=majority`;
mongoose
    .connect( url, { useNewUrlParser: true, useCreateIndex: true, useUnifiedTopology: true })
    .then(() =>{
        app.listen(5000);
    })
    .catch(err => console.log( err ));

SahanAmarsha

REACT_APP_BACKEND_URL=http://localhost:5000/mern

SahanAmarsha

                const response = await fetch(
                    `${process.env.REACT_APP_BACKEND_URL}/mern/`,
                    {
                        method: 'GET',
                        headers:{
                            'Content-Type': 'application/json'
                        },
                    }
                );

SahanAmarsha

//importing lazy and suspense from react library
import React,{lazy, Suspense} from 'react';

//lazy loading the requied components
const Home = React.lazy(() => import('./modules/pages/Home'));
const Profile = React.lazy(() => import('./modules/pages/Profile'));
const About = React.lazy(() => import('./modules/pages/About'));

//wrapping your switch compoent (inside react-router) with <Suspense>
<Router>