Alexander noveogroup-amorgunov

(Материалы) Я 💛 Фронтенд / Копаем глубже в Feature-Sliced Design

Страница конференции: https://events.yandex.ru/events/ya-love-frontend-2024/index
Презентация: https://docs.google.com/presentation/d/1zHaieuqyiW95witifD9rO0-nnj5GmjzzPkDGvhWft6s/edit
Телеграмм автора: https://t.me/amorgunov

Материал

FSD

(Материалы) MoscowJS 58 / Темная сторона NextJS

Страница митапа: https://moscowjs.org/events/moscowjs-58/
Презентация: https://docs.google.com/presentation/d/1bbWxYGwKJ9HOFm8K81LWTVJ6hbLrLzAqZW2oN1U9luI/edit?usp=sharing
Телеграмм автора: https://t.me/amorgunov

Про темные стороны NextJS

📒 Статья Кент-с-Дотца, почему не стоит использовать NextJS - https://www.epicweb.dev/why-i-wont-use-nextjs?ref=dailydev
📒 Статья Моргунова Александра (автора) от 2022 года, "Почему я не использую NextJS" - https://amorgunov.com/posts/2022-10-14-why-i-am-not-using-nextjs/

Материалы по теме

Classes ES6

Прототипы

JS изначально проектировался как очень простой и легкий язык, в нем заложено много концепций, которые делает язык не похожим на другие.

Например, иерархия объектов в JS строиться на основе прототипов и прототипного наследования. Что бы понять как это устроено, нужно уделить довольно много времени, и так как cейчас прототипы при разработке используются очень редко, мы их рассматривать не будем, но вы можете почитать как они работают в онлайн учебнике: learn.javascript

Раньше разработчики с помощью них создавали конструции, подобные классам в других ОО-языках. На слайде пример создая класса с использованием старого синтаксиса, используя прототип и функцию.

	declare global {
	/**
	* (1) Global TypeScript-helpers
	*
	* See built-in utility types to TypeScript
	* @see https://www.typescriptlang.org/docs/handbook/utility-types.html
	*/

	/**
	* Get union type with generic and null

	function parallel(arr, callback) {
	const promises = arr.map(func => {
	return new Promise((resolve, reject) => {
	const next = (err, data) => err ? reject(err) : resolve(data);
	func(next);
	});
	});

	Promise
	.all(promises)

	{
	"compilerOptions": {
	"target": "es2017",
	"module": "commonjs",
	"moduleResolution": "node",
	"declaration": true,
	"sourceMap": true,
	"noImplicitAny": true,
	"outDir": "./lib",
	"rootDir": "./src"