Mr CaT mrcat323

Configuring Emacs for react, es6, and flow

For a while, JSX and new es6 syntax had flaky support in emacs, but there's been huge work on a lot of packages. Using emacs for JavaScript with React, ES6, and Flow (or Typescript, etc) is really easy and powerful in Emacs these days.

This is how you can work on modern web development projects with full support for tooling like JSX, Flow types, live eslint errors, automatic prettier.js formatting, and more.

Set up `web-mode`

web-mode provides most of the underlying functionality, so a huge shout-out to the maintainer(s) there.

Using xclip to copy terminal content to the clip board:

Say you want to pipe shell output to your clipboard on Linux. How would you do it? First, choose the clipboard destination, either the Mouse clip or the system clipboard.

For the mouse clipboard, pipe straight to xclip:

echo 123 | xclip

For the system clip board, pipe to xclip and select clip directly:

	<?php

	namespace App\Providers;

	use App\Notifications\DatabaseChannel as CustomDatabaseChannel;
	use Illuminate\Notifications\Channels\DatabaseChannel;
	use Illuminate\Support\ServiceProvider;

	class AppServiceProvider extends ServiceProvider
	{

	<template>
	<div id="app">
	<v-calendar title-position="right" :formats="forDatePicker" :attributes="action"></v-calendar>
	<v-date-picker mode="single" :attributes="action" v-model="action[0].dates" :formats="forDatePicker"></v-date-picker>
	</div>
	</template>

	<script>
	import Vue from 'vue'
	import VCalendar from 'v-calendar'

	![](http://res.cloudinary.com/coderjay/image/upload/v1520992200/vue.png)\|
	\|:--:\|
	\| Image Courtesy https://vuejobs.com \|

	# Using Vue Router, Vuex in modular Applications (Laravel).

	Hey everyone, some time ago I wrote an article on [using vuex, vue router with laravel](https://medium.com/introcept-hub/using-vue-vuex-vue-router-with-laravel-2c0962c97416). Since this is a kind of sequel to it, I strongly recommend you all get to the article and read it once.

	It would be terrible to watch second episode of [Games of thrones](https://en.wikipedia.org/wiki/Game_of_Thrones) without watching the first one right? :wink:


	<!DOCTYPE html>
	<html>
	<head>
	<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\|Material+Icons' rel="stylesheet">
	<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">
	</head>

	<style>
	#app {

	$ wget \
	--recursive \
	--no-clobber \
	--page-requisites \
	--html-extension \
	--convert-links \
	--domains website.org \
	--no-parent \
	www.website.org/tutorials/html/

	# from https://stackoverflow.com/questions/2180270/check-if-current-directory-is-a-git-repository
	[ -d .git ] \|\| git rev-parse --git-dir > /dev/null 2>&1

	# Aliases
	alias g='git'
	compdef g=git
	alias gst='git status'
	compdef _git gst=git-status
	alias gl='git pull'
	compdef _git gl=git-pull
	alias gup='git fetch && git rebase'
	compdef _git gup=git-fetch
	alias gp='git push'

	[user]
	name = Pavan Kumar Sunkara
	email = [email protected]
	username = pksunkara
	[init]
	defaultBranch = master
	[core]
	editor = nvim
	whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol
	pager = delta

Mr CaT mrcat323

Configuring Emacs for react, es6, and flow

Set up web-mode

Set up `web-mode`