YaroslavW

import React from 'react';
import ReactHtmlParser from "react-html-parser";
import Slider from "react-slick";

const Intro = ({data}) => {
	if(data){
		var slides = data.slider.map((val, index) => (
		<li key={index}>
		<div className="row">
		  <div className="col full">

YaroslavW

import React from 'react';

const Header = ({data}) => {
  if(data){
        var nav = data.nav.map((val, index) => (
          <li key={index}>
            <a  href={val.link} title="">
              {val.title}
            </a>
          </li>

YaroslavW

{
  "header":{
    "nav":[
      {
        "link":"#intro",
        "title":"Home-1"
      },
      {
        "link": "#services",
        "title": "Services-1"

YaroslavW

import React, { Component } from 'react';
import $ from 'jquery';
import Header from './Components/Header';
import CallToAction from "./Components/CallToAction";
import About from './Components/About';
import Intro from './Components/Intro';
import Portfolio from "./Components/Portfolio";
import Journal from "./Components/Journal";
import Services from "./Components/Services";
import Footer from './Components/Footer';

YaroslavW

import React from 'react';

const Map = () => {
  return (
    <section >
      <iframe
        src="here_is_your_GOOGLE_MAP_URL"
        width="100%"
        height="450"
        title="Location"

YaroslavW

import React from 'react';
import Header from './Components/Header';
import CallToAction from "./Components/CallToAction";
import About from './Components/About';
import Intro from './Components/Intro';
import Portfolio from "./Components/Portfolio";
import Journal from "./Components/Journal";
import Services from "./Components/Services";
import Footer from './Components/Footer';
import Map from './Components/Map';

YaroslavW

import React from 'react';

function App() {
  return (
    <div>
      My App
    </div>
  );
}

YaroslavW

{
  "name": "your-project-name",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "2.1.8"
  },
  "scripts": {

YaroslavW

// ===> For Null
const isNull = (val) => !val && typeof val === 'object';

isNull(null);  // true


// ===> For undifined
const isUndefined = (value) => typeof value === 'undefined';

isUndefined(undefined);  // true

YaroslavW

{
    "show_definitions": false,
    "auto_complete": false,
    "bold_folder_labels": true,
    "color_scheme": "Packages/One Dark Material - Theme/schemes/OneDark.tmTheme",
    "fold_buttons": false,
    "font_size": 13,
    "highlight_line": true,
    "indent_guide_options":
    [