Skip to content

Instantly share code, notes, and snippets.

View pekkis's full-sized avatar

Mikko Forsström pekkis

View GitHub Profile
{
"name": "lusso-components",
"version": "3.3.0",
"description": "lusso components",
"license": "ISC",
"main": "dist/lusso-components.cjs.js",
"module": "dist/lusso-components.esm.js",
"types": "dist/lusso-components.esm.d.ts",
"sideEffects": [
"*.pcss"
import {render} from 'react-dom'
import {renderToString} from 'react-dom/server'
import {IconHide, IconYoutube} from '@veikkaus/tandem'
import {textFactory} from 'common/text-factory'
import {localization} from './localization'
const text = textFactory(localization)
const openVideo = (videoId: string): void => {
if (!videoId) {

Pekkiksen React-valmennus

React

React on Facebookin keksimä JavaScript-kirjasto käyttöliittymien rakentamiseen. "Löydettyäni" Reactin vuonna 2014 se tempaisi minut mukaansa poikkeuksellisen voimakkaasti. Minulle kävi harvinaisen nopeasti harvinaisen selväksi, että React tulisi disruptoimaan koko webbiscenen. Ryhdyin painokkaasti saarnaamaan Reactin ilosanomaa kaikille, jotka suostuivat kuuntelemaan.

Samalla tiellä olen edelleen, ja jälkiviisaus on osoittanut oraakkelimaiset näkyni todeksi. Vuonna 2021 React on kaikkialla, ja minusta niin on hyvä. Fronttikoodaus on nykyaikaisilla työkaluilla aika mukavaa hommaa.

Pekkis

rzcf-dzcd-zchx!de1
module.exports = {
env: {
es6: true,
browser: true,
node: true
},
extends: ["react-app", "plugin:prettier/recommended"],
parser: "babel-eslint"
};
const myFeature = require("./src/config/workboxFeature");
addFeatures(
...,
myFeature,
)
@pekkis
pekkis / iiro.js
Created September 17, 2018 10:44
const { Map } = require("immutable");
function getEnvironmentVariables() {
return Map(process.env)
.filter((v, k) => k === "NODE_ENV" || k.startsWith("REACT_APP_"))
.map((v, k) => JSON.stringify(v))
.toJS();
}
module.exports = {
@pekkis
pekkis / gist:dc6507d0ebf115e9b289fc66024ea646
Created June 21, 2018 05:38
server/src/services/raw/person.js
// this one goes to the personService--createPerson
get age() {
const d = DateTime.fromJSDate(this.birthDay);
const now = DateTime.local();
var diff = now.diff(d, "years").toObject();
return diff.years;
}
import React from "react";
import personService from "../services/person";
import { Form, Field } from "react-final-form";
import { DateTime } from "luxon";
const required = value => (value ? undefined : "Required");
const mustBeDate = value => {
const dt = DateTime.fromISO(value);
return dt.invalid && "Must be a date";
};
@pekkis
pekkis / lus.js
Last active March 13, 2018 12:56
import schema from "./schema";
import { graphqlExpress, graphiqlExpress } from "apollo-server-express";
app.use(
"/graphql",
graphqlExpress(req => {
return {
schema
};
})