timarney

{
  "titleEn": "",
  "titleFr": "Title",
  "introduction": {
    "descriptionEn": "",
    "descriptionFr": ""
  },
  "privacyPolicy": {
    "descriptionEn": "",
    "descriptionFr": ""

timarney

{
  "version": 46,
  "pages": [
    {
      "elements": [
        {
          "opacity": 100,
          "flip": { "vertical": false, "horizontal": false },
          "rotationAngle": 0,
          "lockAspectRatio": true,

timarney

{
    "compilerOptions": {
        "module": "es6",
        "esModuleInterop": true,
        "target": "es6",
        "noImplicitAny": true,
        "moduleResolution": "node",
        "sourceMap": false,
        "outDir": "dist",
        "rootDir": "./src",

timarney

const puppeteer = require("puppeteer");

const hrefLinks = async page => {
  const hrefs = await page.$$eval("a", as =>
    as.map(a => {
      return { text: a.innerHTML.toLowerCase(), link: a.href };
    })
  );

  langs = [];

timarney

==========================
yarn global add parcel-bundler
yarn add parcel-plugin-pug
==========================

start your project
yarn init -y


Create your files

timarney

https://www.youtube.com/watch?v=KXao_qwl05k

https://medium.freecodecamp.org/10-points-to-remember-thatll-help-you-master-coding-in-reactjs-library-d0520d8c73d8

timarney

https://github.com/sghall/react-compound-slider

timarney

Khan Academy
https://www.khanacademy.org/computing/computer-science/algorithms/intro-to-algorithms/v/what-are-algorithms

Frontend Masters

Data Structures and Algorithms in JavaScript
https://frontendmasters.com/courses/data-structures-algorithms

Four Semesters of Computer Science in 5 Hours
https://frontendmasters.com/courses/computer-science

timarney

Demo: Coordinating async React with non-React views

tl;dr I built a demo illustrating what it might look like to add async rendering to Facebook's commenting interface, while ensuring it appears on the screen simultaneous to the server-rendered story.

A key benefit of async rendering is that large updates don't block the main thread; instead, the work is spread out and performed during idle periods using cooperative scheduling.

But once you make something async, you introduce the possibility that things may appear on the screen at separate times. Especially when you're dealing with multiple UI frameworks, as is often the case at Facebook.

How do we solve this with React?

timarney

$(document).ready(function() {

// =====

if($('#id_country').length){
    $('#id_country').change(function(){
      if($('#postcode').length){
          $('#postcode').trigger('blur');
      }
    });