a-m-dev

import { Spring, animated, config } from 'react-spring'
import { TimingAnimation, Easing } from 'react-spring/dist/addons'




const myComponent = () => {
  
  return(
      <Spring

a-m-dev

// hi there
// this is a trick that blowed my mind
//  => BY THIS => 
// you can use icon unicode (html unicode like ) that comes from api inside JS 
// that is gonna be parsed and placed the icon it self instead of printing some jebrish in browser

// #01 . here is the function
const decodeHtml = (html) => {
  var txt = document.createElement("textarea");
  txt.innerHTML = html;

a-m-dev

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

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

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

{
  "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

var SmoothScrolling = {
  timer: null,

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

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

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

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

import AroundIcons from './AroundIcons'


class ResumeComponent extends React.Component {

  constructor(props) {
    super();

a-m-dev

class MyComponent extends Component {

  constructor(props) {
    super();

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