a-m-dev

import React, { PropTypes } from 'react'

class CoursesPage extends React.Component {

  constructor(props) {
    super();

    this.state = {
      course: {
        title: ''

a-m-dev

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')



module.exports = {
  entry: {
    app: './src/js/index.jsx'
  },

a-m-dev

class MyComponent extends Component {

  constructor(props) {
    super();

    this.state = {
      _data: {
        must_known: [],
        libs: [],
        tools: [],

a-m-dev

import React from 'react'
import ReactDOM from 'react-dom'

import AroundIcons from './AroundIcons'


class ResumeComponent extends React.Component {

  constructor(props) {
    super();

a-m-dev

window.onscroll = () => {

  let wScroll = window.scrollY;

  // Movement Parallax
  document.querySelector('.logo').style.cssText = `transform: translate(0px, ${wScroll/2}%)`;
  document.querySelector('.back-bird').style.cssText = `transform: translate(0px, ${wScroll/4}%)`;
  document.querySelector('.fore-bird').style.cssText = `transform: translate(0px, -${wScroll/40}%)`;

a-m-dev

var SmoothScrolling = {
  timer: null,

  stop: function() {
    clearTimeout(this.timer);
  },

  scrollTo: function(id, callback) {
    var settings = {
      duration: 1000,

a-m-dev

{
  "name": "amdev",
  "version": "1.0.0",
  "description": "My Personal Website",
  "main": "index.js",
  "scripts": {
    "dev": "webpack-dev-server -d --progress",
    "build": "npm run clear && webpack -p",
    "clear": "rimraf ./dist/*"
  },

a-m-dev

const AddDayForm = ({ resort, date , powder, backcountry }) => {

  let _resort , _date , _powder , _backcountry 

  const handleSubmit = (e) => {
    e.preventDefault()
    const formValues = {
      resort: _resort.value,
      date: _date.value,
      powder: _powder.checked,

a-m-dev

/* .env file is the best place to store all your diffrent api endpoint
 * this gist is explain hot tyo create one
 * best of luck
 */
 
 
// #01 ----------------------------------------------------- 
// create .env file in your root directory and 
// add your end points with different names to it like below
// in our case we have one endpoint ( this is base url )

a-m-dev

// #01 creating action file (./src/js/actions/courseActions.js)
export function createCourse(course) {
  return { type: 'CREATE_COURSE' , course }
}