ShuvoHabib

import React, {Component} from 'react';
import './App.css';

class App extends Component {
    state = {
        isSelected: 'All',
    };
    handleClick = (lang) => {
        this.setState({isSelected: lang});
    };

ShuvoHabib

const File = {
    name: 'File',
    methods: {
        openFileDialogue() {
            const field = this.$refs.field;
            const event = new MouseEvent('click', {
                view: window,
                bubbles: false,
                cancelable: true
            });

ShuvoHabib

### For PHP Files:

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync').create();

gulp.task('sass', function () {
  return gulp.src('app/scss/**/*.scss')
  .pipe(sourcemaps.init())

ShuvoHabib

// constants.js

export const SHOW_CREATE_PROFILE = 'SHOW_CREATE_PROFILE';

// actions.js:

import * as types from './constants';

export function showCreateProfile() {
  return {

ShuvoHabib

//Currently all browsers don’t support all the new ECMAScript 2015 features yet. You need to use a compiler (transpiler) to transform your ECMAScript 6 code to ECMAScript 5 compatible code.Babel has become the de-facto standard to compile ECMAScript 6 applications to a version of ECMAScript that can run in current browsers. Let dive into Babel, assuming you've npm pre-installed...

//First Navigate(cd) to the directory by command prompt you're going to work

//Type the following command below to create a package.json file:

//npm init

//The following command is to install the babel-cli and babel-core modules:

ShuvoHabib

getGroupChatDetails() {
	this.conversations[this.id].members.map(id => {
			const promise = this.fetchProfile(id);
			promise.then((result) => {
					//this.profileDetails.push(result.payload.data.data.profile);
					this.profileDetails = result.payload.data.data.profile;
			}, (err) => {
					console.log(err);
			});
	});

ShuvoHabib

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}

ShuvoHabib

var mailgunURL;
mailgunURL = window.location.protocol + "//" + window.location.hostname + '/ajax/mailgun.php';
$('#mailgun').on('submit', function (e) {
    $(this).attr("disabled", true);
    var dataString = $(".newsletter-content form").serialize()
    $.ajax({
        type: 'POST',
        url: "subscribeform.php",
        data: dataString,
        success: function () {

ShuvoHabib

<div class="contact-form">
  <form id="contactform" name="contactform" method="post">
      <div class="row">
          <div class="col-sm-6">
              <input name="name" class="form-control" type="text" placeholder="Name*"/>
          </div>
          <div class="col-sm-6">
              <input name="email" class="form-control" type="email" placeholder="Email*"/>
          </div>
          <div class="clearfix"></div>

ShuvoHabib

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS