nishithMobinius

Design Sketch: Design to impliment React Concurrent Mode and its efficiancy

Background

To Make Better UI experience for clients with Priority DOM and state updates using React concurrent mode

Problem

Due to current high speed internet network and high performance machines, it feels redundant of several DOM updations like rendering Loading symbol while api calls and rendering unwanted chunk of data to DOM for operations like Autosuggestion feild showing suggestions according to user input

The solution mentioned below showcases the way forward in closing this issue.

nishithMobinius

# This is a sample build configuration for JavaScript.
# Check our guides at https://confluence.atlassian.com/x/14UWN for more examples.
# Only use spaces to indent your .yml configuration.
# -----
# You can specify a custom docker image from Docker Hub as your build environment.
image: node:10.15.3

pipelines:
  branches:
    test: #name of your test branch

nishithMobinius

  const productsArray =[{ _id:'1' }, { _id:'2' }, { _id:'3' }, { _id:'4' }, { _id:'5' }]
  const alreadyAddedProducts = [{ _id:'1', status:'completed' }, { _id:'4', status:'inProgress' }, { _id:'5', status:'inProgress' }]
  const op = productsArray.filter(product=> 
     !alreadyAddedProducts.some(addedProduct=> 
       addedProduct._id===product._id && addedProduct.status==='inProgress'
    ))
  console.log(op)

nishithMobinius

const info = `
    font-size: 18px;
    margin: 2px 2px 2px 10px;
    color: rgba(0, 51, 141, 1);
`;

const tooltipText = `
    font-weight: normal;
    text-align: left;