Pinned Loading

1. react-todo react-todo Public

   The very *** first *** react project. Showing use of react hooks and context to manage state between various components.

   JavaScript 1 1

2. A simple trick to dynamically import... A simple trick to dynamically import components in react.

   1

   AsyncLoadFile.jsx

   2

   ```js

   3

   import React, { Component } from 'react';

   4

   5

   export default function asyncComponent(importComponent) {

3. pwa-network-connection.md pwa-network-connection.md

   1

   ```js

   2

   (function () {

   3

     'use strict';

   4

   5

     var headerElement = document.querySelector('header');

4. pwa-share.md pwa-share.md

   1

   ```js

   2

   (function () {

   3

     'use strict';

   4

     //Check if share API is supported or not

   5

     if (navigator.share !== undefined) {

5. Jest-Enzyme notes. Jest-Enzyme notes.

   1

   Enzyme :- creates virtual DOM for testing.

   2

    has better toolkit, like jquery selectors.

   3

    - (shallow rendering) render component only one level deep, i.e it will render parent but will keep placeholder for children.

   4

    - Manipulate values of state and props.

   5

6. react-copy-clipboard ~ 1 kb react-copy-clipboard ~ 1 kb

   1

   ```js

   2

   3

   import { useState, useRef, useEffect } from 'react'

   4

   import copyToClipboard from 'copy-to-clipboard'

   5