Skip to content

Instantly share code, notes, and snippets.

View BelkinVadim's full-sized avatar

Vadim Belkin BelkinVadim

View GitHub Profile
class CameraRestartInteractor {
private static async done() {
try {
if (StoreRepository.getInstance().processes.isVideoCallActive) {
const { streams } = StoreRepository.getInstance();
if (streams.local === undefined) {
throw new Error('local stream is undefined');
}
/* Базовые стили кнопки */
.button {}
/* Шапка */
.header {}
.header .button {}
/* Подвал */
.footer {}
module.exports = {
module: {
rules: [
{
test: /\.vue$/,
use: [
{
loader: 'vue-loader',
options: {
loaders: {
import React from 'react';
import Header from 'папка_компонента/файл_компонента';
import Footer from 'папка_компонента/файл_компонента';
class Page extends React.Component {
render() {
return (
<div className="page">
<Header></Header>
<Footer></Header>
import React from 'react';
import ReactDOM from 'react-dom';
class Footer extends React.Component {
render() {
return (
<div className="footer">
Info
</div>
);
import React from 'react';
import ReactDOM from 'react-dom';
class Header extends React.Component {
render() {
return (
<div className="header">
<h1>Title</h1>
<ul>
<li>Instagram</li>
<div>
<Header></Header>
<Main></Main>
<Footer></Footer>
</div>
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
<div class="thread-list">
<div class="thread-list__header"></div>
<div class="thread-list__content"></div>
</div>
<div class="promo-full">
<picture class="promo-full__image">
<source srcset="/upload/iblock/811/811d118655aede62718b4d12c221cfd2.jpg" media="(min-width: 1200px)">
<source srcset="/upload/iblock/18d/18d1a59028d0235df27cbd10a23bba7e.jpg" media="(min-width: 992px)">
<source srcset="/upload/iblock/1a3/1a3b12330b4afd1a74a952ba0e3abc30.jpg" media="(min-width: 768px)">
<img class="image" src="/upload/iblock/d19/d194f9e877a6c9fee5f04cb807581962.jpg" alt="">
</picture>
</div>