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.

...
"require": {
    "vendor/package": "1.3.2", // exactly 1.3.2 (exact)

    // >, <, >=, <= | specify upper / lower bounds
    "vendor/package": ">=1.3.2", // anything above or equal to 1.3.2
    "vendor/package": "<1.3.2", // anything below 1.3.2

 // * | wildcard

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Основы:

Аутентификация(authentication, от греч. αὐθεντικός [authentikos] – реальный, подлинный; от αὐθέντης [authentes] – автор) - это процесс проверки учётных данных пользователя (логин/пароль). Проверка подлинности пользователя путём сравнения введённого им логина/пароля с данными сохранёнными в базе данных.

Авторизация(authorization — разрешение, уполномочивание) - это проверка прав пользователя на доступ к определенным ресурсам.

Например после аутентификации юзер sasha получает право обращатся и получать от ресурса "super.com/vip" некие данные. Во время обращения юзера sasha к ресурсу vip система авторизации проверит имеет ли право юзер обращатся к этому ресурсу (проще говоря переходить по неким разрешенным ссылкам)


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

	(defun counsel-projectile-bookmark ()
	"Forward to `bookmark-jump' or `bookmark-set' if bookmark doesn't exist."
	(interactive)
	(require 'bookmark)
	(let ((projectile-bookmarks (projectile-bookmarks)))
	(ivy-read "Create or jump to bookmark: "
	projectile-bookmarks
	:action (lambda (x)
	(cond ((and counsel-bookmark-avoid-dired
	(member x projectile-bookmarks)

	import Vue from 'vue';
	import Vuex from 'vuex';
	import axios from 'axios';
	import notes from '../api';

	Vue.use(Vuex);

	const notesStore = new Vuex.Store({
	state: {
	notes: [],

	import requests
	import click
	import sys


	def fail(reason):
	click.echo(click.style('[!] %s' % reason, fg='red'), err=True)
	sys.exit(111)

	#!/usr/bin/env python3
	import socket, sys, re
	from time import sleep
	s = socket.socket()
	s.connect((sys.argv[1], 6666)) # connect to service, ip in first script arg

	# Recv until string occurs
	def recv_until(s, st):
	buf = ''
	while True:

	#!/usr/bin/python2

	import sys

	from pwn import *

	def find_libc_path_and_offset():
	with open("/proc/self/maps") as f:
	for line in f:
	line = line.strip()

	from kombu import Connection, Exchange, Queue
	from kombu.pools import connections


	class AmqpStore(Store):
	name = 'amqp'

	def configure(self, cfg, logger):
	url = cfg.var('ITEM_STORE_URL')
	self.logger = logger

Mr CaT mrcat323

Configuring Emacs for react, es6, and flow

Set up web-mode

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Основы:

Set up `web-mode`