pavel-surinin

Tao of Node - Design, Architecture & Best Practices

goldbergyoni/nodebestpractices

Effortlessly install developer tools with easy-to-remember URLs

Web Almanac HTTP Archive’s annual state of the web report

The Joel Test: 12 Steps to Better Code

pavel-surinin

React

Mantine - React conponents library

elementz - A React Component library for buliding modern applications easily & quickly.

Radix - Components, icons, colors, and templates for building high-quality, accessible UI. Free and open-source.

fresnel - An SSR compatible approach to CSS media query based responsive layouts for React.

pavel-surinin

Monorepo Tools

https://github.com/vercel/turborepo - Turborepo is a high-performance build system for JavaScript and TypeScript codebases.

changesets/changesets - 🦋 A way to manage your versioning and changelogs with a focus on monorepos

microsoft/beachball - The Sunniest Semantic Version Bumper

lerna/lerna - A tool for managing JavaScript projects with multiple packages.

pavel-surinin

// npm i benchmark@2.1.4 -D
var Benchmark = require('benchmark');
var suite = new Benchmark.Suite;
// array of 200 elements
var { data } = require('../data')

class CalcAF {
    constructor() {
        this.add = (x, y) => {
            return x + y

pavel-surinin

class Comp extends Component {
    constructor(props) {
        super(props)
        this.state = {
            fancy: {
                component: <Modal onClose={() => closeModal('fancy')} />,
                isActive: false
            },
            cool: {
                component: <Modal onClose={() => closeModal('cool')} />,