wdmcourses

.button
	display: inline-block
	border: none
	color: #fff
	text-decoration: none
	background-color: $accent
	padding: 15px 45px
	font-size: 13px
	text-transform: uppercase
	font-weight: 600

wdmcourses

<div class="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div>

.top
	position: fixed
	bottom: 25px
	background-color: #E0E0E0
	border-radius: 10em
	color: #666
	font-size: 26px
	width: 50px

joshbuchea

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

gaearon

In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.

Here's one way to set it up:

1. Install Node.js
2. Run npm init -y in your project folder (don't skip this step!)
3. Run npm install terser

Now, to minify a file called like_button.js, run in the terminal:

ikiselev1989

BEM & SASS best practices

Every block should be in separated file named as block.

Filename: rating-star.scss

.rating-star {
    $font-size: 0.5em;
    
    display: inline-block; // `display` style may be set freely

Haraldson

import React, { useState, useEffect } from 'react'
import { useDebounce } from './use-debounce'

const MySearchComponent = props => {
    const [search, setSearch, {
        signal,
        debouncing
    }] = useDebounce('')
    
    const [results, setResults] = useState([])

panzerdp

type ResponseWithData = Response & { data?: any };

interface Fetcher {
  run(input: RequestInfo, init?: RequestInit): Promise<ResponseWithData>;
}

class BasicFetcher implements Fetcher {
  async run(input: RequestInfo, init?: RequestInit): Promise<ResponseWithData> {
    return await fetch(input, init);
  }