teimurjan

import { Suspense, useState, useEffect } from 'react';

function toResource(promise) {
  let status = "pending";
  let result;
  let suspender = promise.then(
    (r) => {
      status = "success";
      result = r;
    },

teimurjan

module.exports = { foo: 'bar' };

teimurjan

var fs = require("fs");
var path = require("path");

const replaceImports = (pathToDir, replace) =>
  fs.readdir(pathToDir, function(err, files) {
    if (err) {
      console.error("Could not list the directory.", err);
      process.exit(1);
    }

teimurjan

Svelte;Other SPA libraries (React, Vue.js, Angular, etc.);
1. Open a website 2. Render the page using pure JS;1. Open a website 2. Wait until the code for building a virtual DOM is loaded 3. Render the page using the library;

teimurjan

const React = require("react");
const config = require("../config");

const createGoogleOptimizeSnippet = experimentsIds => `
  gtag('config', '${config.GTM_ID}', {'optimize_id': '${
  config.GOOGLE_OPTIMIZE_ID
}'});
  ${experimentsIds.map(expId => `gtag('set', {'expId': '${expId}'});`)}
  window.onload = function(){dataLayer.push({'event': 'optimize.activate'});};
`;

teimurjan

class DTO:
    def __init__(self, id_):
        self._id = id_

    @property
    def id(self):
        return self._id


class UserDTO(DTO):

teimurjan

const TodoFactory = ({ todo, onClick }) => (
  <li className="todo" onClick={onClick}>
    {todo.title}
  </li>
);

export default ({ todos }) => (
  <ul>{todos.map(todo => TodoFactory({ todo, onClick: console.log }))}</ul>
);

teimurjan

// You have this 4 components
const elements = [
  { type: "div", key: 0, textContent: "Container #0" },
  { type: "div", key: 1, textContent: "Container #1" },
  { type: "div", key: 2, textContent: "Container #2" },
  { type: "div", key: 3, textContent: "Container #3" }
];

// Delete Container #1
const elements = [

teimurjan

const TODO_LIST_OPTIONS = {
  wrap: false,
  maximizeOnFoucs: true
};

export default class extends React.PureComponent {
  render() {
    return <TodoList options={TODO_LIST_OPTIONS} />;
  }
}

teimurjan

export default class extends React.PureComponent {
  render() {
    return (
      <TodoList
        options={{
          wrap: false,
          maximizeOnFoucs: true
        }}
      />
    );