Skip to content

Instantly share code, notes, and snippets.

View pekkis's full-sized avatar

Mikko Forsström pekkis

View GitHub Profile
blazing fast. enterprise-ready. battle-tested*. next-gen. zero-config. batteries-included. type-safe**. future-proof***.
Meet Mirko.js
The boldly meta-reactive UI framework for React that fearlessly re-implements React inside your React app — only worse.
Forget hooks. Embrace Mirko Components™, a courageous fusion of React’s render cycle with the most nostalgic parts of Bacon.js observables. It’s the best of both worlds’ worst ideas, lovingly duct-taped together.
Why Mirko?
Reinvented State Management
// suomioy/resources/css/app.css
@import 'tailwindcss';
@plugin 'tailwindcss-animate';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@custom-variant dark (&:is(.dark *));
{
"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;
}