Skip to content

Instantly share code, notes, and snippets.

View innabelaya's full-sized avatar

Inna Belaya innabelaya

11 followers · 5 following
View GitHub Profile
@innabelaya
innabelaya / index-8.bemjson.js
Last active January 11, 2021 10:53 — forked from godfreyd/index-8.bemjson.js
module.exports = {
block: 'page',
title: 'Title of the page',
favicon: '/favicon.ico',
head: [
{ elem: 'meta', attrs: { name: 'description', content: '' }},
{ elem: 'css', url: 'index.min.css' }
],
scripts: [{ elem: 'js', url: 'index.min.js' }],
content: [
@innabelaya
innabelaya / REST_API_template.adoc
Last active May 29, 2019 15:06

Method Title

Table of Contents

Description

Additional information about your API call.

  • URL

@innabelaya
innabelaya / index.bemjson.js
Last active November 11, 2018 15:21
module.exports = {
block: 'page',
title: 'Title of the page',
favicon: '/favicon.ico',
head: [
{ elem: 'meta', attrs: { name: 'description', content: '' }},
{ elem: 'css', url: 'index.min.css' }
],
scripts: [{ elem: 'js', url: 'index.min.js' }],
content: [
@innabelaya
innabelaya / brc-button-touch.js
Created June 4, 2018 12:10
// touch.blocks/Button/Button.js
import { decl } from 'bem-react-core';
export default decl({
block : 'Button',
willInit() {
this.state = {};
this.onPointerpress = this.onPointerpress.bind(this);
this.onPointerrelease = this.onPointerrelease.bind(this);
@innabelaya
innabelaya / BEM for beginners.md
Last active May 29, 2018 11:07

BEM for beginners. Why you need BEM

BEM is a hero in frontend world. It brings a system approach in you project and keeps it from the mess. ©

BEM makes your code scalable and reusable, thus increasing productivity and facilitating teamwork. Even if you are the only member of the team, BEM can be useful for you. Nevertheles many developers believe that such a systematic approach like BEM puts additional boundaries on their project and makes your project overloaded, cumbersome and slow.

Is BEM a Hero or a Villain? It's up to you! But first read the article.

BEMBatman

@innabelaya
innabelaya / dist.md
Created May 10, 2018 07:12

Подключаем BEM React Core ссылками с CDN

Документ описывает, как подключать предсобранные файлы библиотеки bem-react-core с CDN и как работать с библиотекой, не используя сборку.

Подключение библиотеки

Чтобы подключить библиотеку bem-react-core, создайде локально HTML-файл и скопируйте следующие ссылки в HTML-код страницы:

@innabelaya
innabelaya / ClientBemReactCore.html
Created March 29, 2018 13:54
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
<script src="https://unpkg.com/bem-react-core@1.0.0-rc.8/umd/react.js"></script>
</head>
@innabelaya
innabelaya / client.react.js
Last active March 27, 2018 14:55
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
<script src="https://unpkg.com/bem-react-core@1.0.0-rc.8/umd/react.js"></script>
</head>
@innabelaya
innabelaya / gist:8913843
Last active March 24, 2018 15:42
block('goods')(
tag()('ul'),
content()(function() {
return this.ctx.goods.map(function(item){
return [
{
elem: 'item',
content: [
@innabelaya
innabelaya / gist:8906451
Last active March 24, 2018 15:42
.link
{
color: #666;
text-decoration: none;
}
.link__slogan
{
font: 11px Verdana, sans-serif;