buglessir

import React from 'react';
import { UserContext } from './components/User';

class Profile extends React.Component {
    render() {
        return (
            <UserContext.Consumer>
                {(user) => (
                    <div>
                        <strong>Name: <strong> {user.name}<br />

buglessir

import React, { createContext } from 'react';
import Profile from './components/Profile';

const UserData = {
    name: 'Mohammad Esmaeilzadeh',
    title: 'Front-end Developer',
    url: 'https://virgool.io/@buglessir'
};

export const UserContext = createContext();

buglessir

import React, { PureComponent } from 'react';
import { render } from 'react-dom';

class App extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            name: ''
        };
        this.set_name = this.set_name.bind(this);

buglessir

import React, { PureComponent } from 'react';
import { render } from 'react-dom';

class App extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            name: ''
        };
        this.set_name = this.set_name.bind(this);

buglessir

import React, { Component } from 'react';
import { render } from 'react-dom';

class App extends Component {
    constructor(props) {
        super(props);
        this.state = {
            name: ''
        };
        this.set_name = this.set_name.bind(this);

buglessir

  function immutable(originalArray) {
      // Instead of mutating/modifying the original array,
      // we first make a copy of the original array
      // In this way, the original array stay unchanged.
      var newArray = [...originalArray];
      newArray[0] = "new value";
      return newArray;
  }

  var array = ["some value", "another value"];

buglessir

  function mutation(originalArray) {
      // directly mutating/modifying the original array
      originalArray[0] = "new value";
      return originalArray;
  }

  var array = ["some value", "another value"];
  alert("Return from mutation " + mutation(array));
  alert("Array: " + array + " (original array has been altered).");

buglessir

var gulp = require('gulp'),
sass = require('gulp-sass'),
cssMinify = require('gulp-clean-css');

gulp.task('sass', function() {
    return gulp.src('style/style.scss')
    .pipe(sass())
    .pipe(cssMinify())
    .pipe(gulp.dest('style/'))
});

buglessir

body{
    font-family: 'Tahoma';

    h1{
        color: orange;
    }
}

buglessir

var gulp = require('gulp'),
sass = require('gulp-sass');

gulp.task('sass', function() {
    return gulp.src('style/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('style/'))
});