URL
17:24 

React Native

Heidel
If it's stupid but works, it isn't stupid.

@темы: React Native

11:33 

Pure React - 2

Heidel
If it's stupid but works, it isn't stupid.
PropTypes


Валидаторы


Дополнительно


There are validators for node and element. A node is anything that can be rendered, meaning numbers, strings, elements, or an array of those. An element is a React element created with JSX or by
calling React.createElement.






@темы: React, Pure React

11:09 

Pure React - 1

Heidel
If it's stupid but works, it isn't stupid.
Чтобы вернуть несколько элементов из компонента, не оборачивая их в общий элемент, можно использовать React.Fragment (was added in React 16.2)



Узнать версию Реакт


Выражение (exprеssion) возвращает значение и может быть использовано внутри JSX


statement не возвращает значения и не может быть использовано внутри JSX
примеры

«If» in JSX
1 способ - тернарный оператор


2 способ - булевый оператор &&

(&& возвращает первое ложное значение (то, на котором остановились вычисления), а если его нет, то последнее)

Пример


Создать приложение и перейти в его папку


Template Strings - с обратными кавычками


Добавить Moment.js


@темы: React, Pure React

18:33 

CSS3: вкладки (tabs) на чистом CSS

Heidel
If it's stupid but works, it isn't stupid.
HTML


CSS


https://jsfiddle.net/4wpz3rn2/57/

@темы: CSS3, Tabs, Верстка

16:38 

Стилизация чекбокса CSS3

Heidel
If it's stupid but works, it isn't stupid.
HTML


CSS


https://jsfiddle.net/a7ku5obh/72/

https://codepen.io/docode/pen/yYWENN

@темы: CSS3, Верстка, Стилизация чекбокса CSS3

18:58 

Центрирование блока по высоте

Heidel
If it's stupid but works, it isn't stupid.
1 способ
HTML


CSS


https://jsfiddle.net/ycrj89hk/10/

Несколько блоков по высоте
HTML


CSS


https://jsfiddle.net/ycrj89hk/15/

2 способ
HTML


CSS


https://jsfiddle.net/ycrj89hk/21/

@темы: Верстка, CSS3

09:42 

Redux

Heidel
If it's stupid but works, it isn't stupid.
Understanding Redux: The World’s Easiest Guide to Beginning Redux

medium.freecodecamp.org/understanding-redux-the...

@темы: Redux

10:22 

Heidel
If it's stupid but works, it isn't stupid.
Промисы с if



Промисы со вложенными then


@темы: Javascript, Promise

13:00 

Heidel
If it's stupid but works, it isn't stupid.
Практические видеоуроки для веб - разработчиков

https://monsterlessons.com/

@темы: Redux, React

10:26 

Шпаргалка по пакетному менеджеру NPM

Heidel
If it's stupid but works, it isn't stupid.
Шпаргалка по пакетному менеджеру NPM
https://habr.com/post/133363/

@темы: NPM

13:46 

Studing

Heidel
If it's stupid but works, it isn't stupid.
10:21 

Webpack

Heidel
If it's stupid but works, it isn't stupid.
Пособие по webpack https://habrahabr.ru/post/309306/

Создать проект

Инициализировать проект


Установить Webpack на проект


Установить Webpack глобально


Просмотреть версии Webpack


Установить определенную версию Webpack

@темы: Webpack

13:09 

Screenshots with JavaScript

Heidel
If it's stupid but works, it isn't stupid.
12:49 

Hexagon menu

Heidel
If it's stupid but works, it isn't stupid.
08:32 

Motion UI

Heidel
If it's stupid but works, it isn't stupid.
11:20 

Svg

Heidel
If it's stupid but works, it isn't stupid.
16:25 

Flexbox

Heidel
If it's stupid but works, it isn't stupid.
14:19 

Heidel
If it's stupid but works, it isn't stupid.
Style for “default” links



Style Broken Images


:not(:last-child)

@темы: Верстка, HTML, CSS

16:05 

Loaders

Heidel
If it's stupid but works, it isn't stupid.
20:56 

React

Heidel
If it's stupid but works, it isn't stupid.
https://learn.javasсript.ru/screencast/react

https://reactjs.org/tutorial/tutorial.html

https://www.youtube.com/watch?v=ZEBcFvsI8LU

https://github.com/UsulPro/js-stack-from-scratch/blob/master/tutorial/01-node-yarn-package-json_ru.md

https://tproger.ru/translations/react-basic-weather-app/

React Tutorial for Beginners
https://ihatetomatoes.net/react-tutorial-for-beginners/

https://ihatetomatoes.net/rw/

9 принципов, которые должен знать новичок в React.js
https://medium.com/@apolyntsev/9-%D0%BF%D1%80%D0%B8%D0%BD%D1%86%D0%B8%D0%BF%D0%BE%D0%B2-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5-%D0%B4%D0%BE%D0%BB%D0%B6%D0%B5%D0%BD-%D0%B7%D0%BD%D0%B0%D1%82%D1%8C-%D0%BD%D0%BE%D0%B2%D0%B8%D1%87%D0%BE%D0%BA-%D0%B2-react-js-454e964062b

React Cheat Sheet
https://ihatetomatoes.net/wp-content/uploads/2017/01/react-cheat-sheet-v1.pdf

Создание приложения React



1. установить create-react-app


2. создадим приложение


3. Запустить приложение


4. установка react-bootstrap (Bootstrap v3!)


5. импорт стилей


6. установка axios https://github.com/axios/axios

Learn React


https://learn-reactjs.ru/

@темы: React, axios, react-bootstrap

Блокнот

главная