PratimaScripts / classroom-webstack

Online Interactive Classroom

Home Page:https://pratimagautam977.github.io/classroom-webstack/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Classroom Webstack

Tooltip on hover for Nav Links

https://reactstrap.github.io/components/tooltips/#app

Uncontrolled Tooltip

For the most basic use-case an uncontrolled component can provide the functionality wanted without the need to manage/control the state of the component. UncontrolledTooltip does not require isOpen nor toggle props to work.

/* eslint react/no-multi-comp: 0, react/prop-types: 0 */
import React from 'react';
import { UncontrolledTooltip } from 'reactstrap';

export default function Example() {
  return (
    <div>
      <p>Somewhere in here is a <span style={{textDecoration: "underline", color:"blue"}} href="#" id="UncontrolledTooltipExample">tooltip</span>.</p>
      <UncontrolledTooltip placement="right" target="UncontrolledTooltipExample">
        Hello world!
      </UncontrolledTooltip>
    </div>
  );
}

React Hook useEffect has a missing dependency: 'xxx' ?

facebook/create-react-app#6903

The linter is telling you that you're depending on external values that may change, when you set the dependencies as an empty array the effect will run just once when the component mounts.

Hapi

https://hapi.dev/family/joi/?v=16.1.4

Middleware Explanation

https://expressjs.com/en/guide/using-middleware.html

https://medium.com/@jamischarles/what-is-middleware-a-simple-explanation-bb22d6b41d01

SVG Loading Icons

https://codepen.io/aurer/pen/jEGbA

https://codepen.io/nikhil8krishnan/pen/rVoXJa?editors=1100#0

A pure node.js JavaScript Client implementing the MySQL protocol.

https://github.com/mysqljs/mysql

Box Shadow

https://tailwindcss.com/docs/box-shadow/

Image Requests

https://en.gravatar.com/site/implement/images/

About

Online Interactive Classroom

https://pratimagautam977.github.io/classroom-webstack/


Languages

Language:JavaScript 91.8%Language:CSS 5.5%Language:HTML 2.7%