[ Кропивач ] [ a / b / bugs / c / f / g / i / k / l / m / p / t / u / ]
Banner

/t/ - Технології

Name
Email
Subject
Comment
Файл
Пароль (For file deletion.)

File: 1570180611.839063-.png ( 628.56 KB , 2000x1167 )

⋮⋮⋮   No. 1332

В даному треді ділимося, архівуємо, компілюємо, поширюємо, будь-які корисні релеванті ресурси.
Це може бути як щось фундаментальне по дизайну і css, так і щось заточене під конкретний фреймворк.
Бажано зазначити ключові назви в тексті допису, щоб можна було шукати по ctrl-f.

⋮⋮⋮   No. 1333

File: 1570180988.788185-.png ( 20.98 KB , 480x360 )

File: 1570180988.788185-2.png ( 7.14 KB , 256x256 )

File: 1570180988.788185-3.png ( 78.67 KB , 250x250 )


⋮⋮⋮   No. 1334

File: 1570198635.58796-.png ( 2.34 KB , 1368x348 )

Дві найважливіші CSS техніки створення лейаутів в 2к19:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide-grid/

⋮⋮⋮   No. 1335

File: 1570200576.528814-.jpg ( 17.06 KB , 424x424 )


⋮⋮⋮   No. 1336

File: 1570201234.872183-.png ( 226.7 KB , 652x652 )

File: 1570201234.872183-2.png ( 413.88 KB , 1028x1028 )

File: 1570201234.872183-3.png ( 91.65 KB , 1365x907 )

Найпопулярніші на сьогоднішній день CSS-in-JS бібліотеки для React:
https://www.styled-components.com/
https://emotion.sh/

⋮⋮⋮   No. 1337

File: 1570474740.491886-.png ( 47.54 KB , 988x452 )

https://tailwindcss.com/
Most CSS frameworks do too much. They come with all sorts of predesigned components like buttons, cards, and alerts that might help you move quickly at first, but cause more pain than they cure when it comes time to make your site stand out with a custom design. Tailwind is different. Instead of opinionated predesigned components, Tailwind provides low-level utility classes that let you build completely custom designs without ever leaving your HTML.

⋮⋮⋮   No. 1338

File: 1570475208.885942-.png ( 3.78 KB , 225x225 )

>>1336
+
https://polished.js.org/
Скоріше розумні макроси для генерації CSS, аніж бібліотека для організації CSS в JS.
Має сенс використовувати разом із styled-components або emotion.

⋮⋮⋮   No. 1339

File: 1570478014.94077-.png ( 2.69 KB , 225x225 )

File: 1570478014.94077-2.png ( 63.95 KB , 400x400 )

File: 1570478014.94077-3.png ( 43.21 KB , 800x420 )

File: 1570478014.94077-4.png ( 30.69 KB , 499x222 )


⋮⋮⋮   No. 1340

File: 1570532632.692583-.png ( 50.85 KB , 569x209 )

https://usehooks.com/
Hooks are a new addition in React 16.8 that lets you use state and other React features without writing a class. This website provides easy to understand code examples to help you learn how hooks work and hopefully inspire you to take advantage of them in your next project.

⋮⋮⋮   No. 1341

File: 1570551674.825041-.png ( 15.12 KB , 1882x608 )


⋮⋮⋮   No. 1342

File: 1570562595.301056-.png ( 169.84 KB , 960x868 )

https://github.com/lerna/lerna
A tool for managing JavaScript projects with multiple packages.
Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making changes across many repositories is messy and difficult to track, and testing across repositories gets complicated really fast. To solve these (and many other) problems, some projects will organize their codebases into multi-package repositories (sometimes called monorepos). Projects like Babel, React, Angular, Ember, Meteor, Jest, and many others develop all of their packages within a single repository.

⋮⋮⋮   No. 1343

Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)
https://github.com/goldbergyoni/javascript-testing-best-practices

⋮⋮⋮   No. 1344

File: 1570978789.4088-.png ( 19.76 KB , 1200x630 )


⋮⋮⋮   No. 1345


⋮⋮⋮   No. 1346

File: 1571070073.705778-.jpg ( 25.22 KB , 704x396 )

>>1345
> weekly downloads
> 3010

⋮⋮⋮   No. 1364

File: 1571178891.786412-.png ( 51.9 KB , 750x500 )

File: 1571178891.786412-2.png ( 55.94 KB , 700x300 )

Гібридний SSR+CSR фреймворк на основі React: https://nextjs.org/
Генератор статичних сайтів на основі React: https://www.gatsbyjs.org/

⋮⋮⋮   No. 1442

File: 1571622183.447009-.jpg ( 46.49 KB , 1280x720 )

File: 1571622183.447009-2.png ( 22.08 KB , 874x203 )

File: 1571622183.447009-3.png ( 28.84 KB , 1806x838 )

Це вже не зовсім фронтенд, але дуже релевантно.
Найпопулярніші GraphQL рішення:
https://learn.hasura.io/
https://www.prisma.io/
https://www.graph.cool/

⋮⋮⋮   No. 1443

Поясніть буд ласка зрозумілою мовою що це таке

⋮⋮⋮   No. 1458

>>1443
Що саме?

⋮⋮⋮   No. 1509

>>1458
>Front-end

⋮⋮⋮   No. 1510

>>1509
Хій Передній кінець, що не зрозуміло

⋮⋮⋮   No. 1562

Чуваки, треба допомога. Люблю кодити як хобі знаю Js. Також достатньо володію html/css, трохи бавився з React. Порадьте щодо подальшого плану дій. Я з таким набором кудись вже можу проситися чи мене навіть на поріг не пустять? Що ще бажано з актуального освоїти? Де можна якихось тьютерів знайти, які б натягали мене трохи(безос говорив на дуо є відповідна тема, але я не знайшов)?

⋮⋮⋮   No. 1563

>>1562
Нахуяр п'ять щурів гарних тем для кропиви, потім отримаєш серйозніші завдання.

⋮⋮⋮   No. 1698

File: 1576864963.62889-.jpg ( 144.67 KB , 3216x954 )

File: 1576864963.62889-2.jpg ( 102.66 KB , 3174x816 )


⋮⋮⋮   No. 1940

File: 1579161893.512352-.png ( 107.12 KB , 1080x2049 )

>>1698
Лільнув.



[Return] [Go to top] [Catalog] [Post a Reply]
Delete Post [ ]

[ Кропивач ] [ a / b / bugs / c / f / g / i / k / l / m / p / t / u / ]