Skip to content

Instantly share code, notes, and snippets.

Avatar
🚜
Traktor-schooling

Maksim Ivanov satansdeer

🚜
Traktor-schooling
View GitHub Profile
View cities.json
[
{
"title":"Stockholm",
"location_type":"City",
"woeid":906057,
"latt_long":"59.332169,18.062429"
},
{"title":"St Petersburg",
"location_type":"City",
"woeid":2123260,
View list.css
.list {
color: #333;
text-align: left;
list-style-type: none;
font-size: 24px;
padding: 0;
flex: 1;
margin: 0;
}
View checkmark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View button.css
.button {
padding: 3px;
width: 100%;
border-radius: 8px;
font-size: 24px;
border: none;
cursor: pointer;
color: #fff;
font-family: "Saira Condensed";
background-color: #5A56FD;
View gist:3ebffebf82b5386805172caf704123f0
# Introduction
Awesome that you are interested in hosting an event!
This is a template that we use here at Stockholm React JS.
Since we parse this file programatically, please **do not** change headers or bold text, but feel free to change any text inside of a section or add anything you find appropriate.
# Your event intro
{{The intro text of this event, use this to quickly explain what the event
will be all about, be clear and try to get peoples attention. Don't write too much.}}
View testGenerics.ts
type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
function testGenerics<
P extends { stays: string; getsRemoved: string },
R = Omit<P, "getsRemoved">,
>(argumentP: P, argumentR: R) {
return null;
}
testGenerics({ stays: "foo", getsRemoved: "bar", test: 1 }, {}); // Why doesn't it complain about missign "stays" attribute?
View What is doctype.md

What is doctype in HTML documents? And why do you have to specify the doctype?

If you open any webpage, and look at it's source code, you'll always see a little thingy just before the opening html tag. So what is it, and what does it do?

This string is a document type declaration, and it's important to note that it's not an html tag itself, but it's an instruction for the browser on what version of HTML is used on this page.

Good news, modern web developers don't have to know any doctypes other than doctype html, because since the html5 it's the only doctype you should set for your webpages.

Before html5, there were several others that had more complex syntax. You had to specify the link to the actual doctype declaration. For example like in this html4.01 strict. We specify the link to the doctype on w3.org website

View Ancient Tech To Translate Modern Apps
# Using Ancient Technologies To Localize Modern Apps
People often stop me on the streets to ask one question. Maksim, what makes you so happy
about localization workflow you have at Mojang?
Today I will tell you how localization is usually being done, or at least how I've seen it being done.
What kind of solution did we come up in mojang, and why am I more happy about it than previous ones.
As you could aldeady notice this talk is going to be very opinionated and experience based so if at any point
you'll disagree - feel free to discuss it with me after the talk, i'll be more than happy.
View New ES10 features.md

Javascript 2019 - ES10 New Features

It is 2019, and there is a bunch of new features that got approved by the TC49 consortium and soon will become part of ES10 standard.

My name is Maksim and let's check them out.

One thing before we move to the code examples: watch this video till the end, because I'll show you how to always well informed and up to date about new Javascript features.

View theme_example.js
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import { BrowserRouter } from "react-router-dom";
import { createStore, combineReducers } from "redux";
import { Provider } from "react-redux";
import { reducer as form } from "redux-form";
import { profileReducer as profile } from "./profile/reducer";