Skip to content

Instantly share code, notes, and snippets.

View SmolinPavel's full-sized avatar
:octocat:
Playing with octocat

P SmolinPavel

:octocat:
Playing with octocat
124 followers · 25 following
View GitHub Profile
@SmolinPavel
SmolinPavel / Problem.js
Created April 2, 2019 19:03
This is an example when we can't access this.context as the Context component has been upgraded to use the new API while the Legacy component is relying on the old one.
import React, { Component, createContext } from 'react';
import PropTypes from 'prop-types';
const ExampleContext = createContext({ api: 'lorem ipsum' });
/*
* This is an example when we can't access this.context as the Context component
* has been upgraded to use the new API while the Legacy component is relying on the old one.
*/
class Legacy extends Component {
@SmolinPavel
SmolinPavel / New.js
Created April 1, 2019 21:23
Example of using React new Context API
import React, { Component, createContext } from 'react';
import PropTypes from 'prop-types';
const ExampleContext = createContext({ api: 'lorem ipsum' });
class New extends Component {
static contextType = ExampleContext;
render() {
const { name } = this.props;
@SmolinPavel
SmolinPavel / Legacy.js
Created April 1, 2019 20:53
Example of using the React legacy Context API
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class Legacy extends Component {
render() {
const { name } = this.props;
const { api } = this.context;
return (
<div>
<h1>Hello, {name}</h1>
@SmolinPavel
SmolinPavel / performance-battle.html
Created March 27, 2019 07:56
Measuring performance (spead vs Array.forEach)
<html>
<head>
<title>JS Sandbox</title>
</head>
<body>
<script>
const object = {
test: "test",
paul: "paul",
morning: { test: "test", paul: "paul" }