Pinned

1. A React.js based picture fallback sy... A React.js based picture fallback system for all devices all file types all resolutions and shows them accordingly depending on how many breakpoints you supply

   1

   const Picture = ({ name, path = "images/", bp = [] }) => {

   2

     let viewports = {};

   3

     let sizes = ["1x", "2x", "3x"];

   4

     let fileExtensions = {

   5

       svg: "svg+xml",

2. State Management in 10 lines w/ Reac... State Management in 10 lines w/ React Context & Hooks

   1

   // From https://bit.ly/2XH31rw

   2

   3

   import React, { createContext, useContext, useReducer } from "react";

   4

   export const StateContext = createContext();

   5

3. Get Clean DOM for WebScrapping Get Clean DOM for WebScrapping

   1

   const cheerio = require('cheerio')

   2

   const cleaner = require('clean-html')

   3

   const axios = require('axios')

   4

   5

   module.exports = async function getCleanDOM (url) {  

4. Recursive Depth Traversal of JSON to... Recursive Depth Traversal of JSON to Build DOM

   1

   let data = [

   2

     {

   3

       title: "menu 1",

   4

       children :[

   5

         { title: "menu 1.1"},