RichText

Все верно. На то эта функция и называется getServerSideProps(), что она срабатывает на стороне сервера. Но обрати внимание на то, что у меня везде используется другая функция: getInitialProps(). Я не буду сейчас утверждать о различиях наверняка (так как давно уже не делал подобный ресерч), но скорее всего разница в кешировании данных. То есть getInitialProps() не кешируется. То есть при каждом заходе на страницу, данные в ней запрашиваются. А вот getServerSideProps() может работать иначе (хотя это предположение и требуется перепроверить): как вариант, он может кешировать данные в билд, или не совсем динамически подгружать в режиме SPA. В общем, поизучай эти моменты более внимательно.

Все верно. На то эта функция и называется getServe

Обсуждение задания "Use Destructuring Assignment with the Rest Operator to Reassign Array Elements"

Сергей, советую изучить Типы данных JavaScript и структуры данных. 

Массив (Array) - это не самостоятельный примитивный тип, а производный от Object.

При этом Object и Array - это уже существующие объекты и они имеют самостоятельные методы (так же, как и объект Math имеет свои методы типа max, floor, random и т.п., часть из которых вы наверняка уже встречали ранее, например в этом и этом уроках).

А привычное нам объявление переменных чаще всего является просто синтаксическим сахаром, например:

И вот методы этих объектов (Array, Object, Number, Math и т.п.) могут быть использованы просто как самостоятельные функции для определенных задач.

К примеру метод Array.isArray(variables) позволяет проверить является ли переменная массивом (typeof нам в этом не поможет, потому что typeof {} === "object" и typeof [] === "object"). 

А вот метод Object.freeze() вы наверняка недавно встречали в этом уроке: Предотвращение мутации объектов. При этом, как я там писал в замечании, это работает не только с объектами, но и с массивами (что и есть тоже суть объекты).

Так вот, метод Object.keys() - это специальный метод, чтобы взять все ключи объекта и вернуть их в новом массиве. Напомню: суть объекта - это Структура Ключ-Значение. К примеру: 

Мы видим здесь у объекта три ключа (имена свойств) и по ним три значения. Вот в результате Object.keys(obj) мы получим массив со всеми этими ключами, то есть ['key1,' 'key2', 'key3']. 

А есть еще Object.values(), и он работает так же, только возвращает не ключи, а значения. 

Сергей, советую изучить Типы данных JavaScript и структуры данных. Массив (Array) - это не самостоятельный примитивный тип, а производный от Object. При этом Object и Array - это уже существующие объекты и они имеют самостоятельные методы (так же, как и объект Math имеет свои методы типа max, floor, random и т.п., часть из которых вы наверняка уже встречали ранее, например в этом и этом уроках). А привычное нам объявление переменных чаще всего является просто синтаксическим сахаром, например: И вот методы этих объектов (Array, Object, Number, Math и т.п.) могут быть использованы просто как самостоятельные функции для определенных задач. К примеру метод Array.isArray(variables) позволяет проверить является ли переменная массивом (typeof нам в этом не поможет, потому что typeof {} === "object" и typeof [] === "object"). А вот метод Object.freeze() вы наверняка недавно встречали в этом уроке: Предотвращение мутации объектов. При этом, как я там писал в замечании, это работает не только с объектами, но и с массивами (что и есть тоже суть объекты). Так вот, метод Object.keys() - это специальный метод, чтобы взять все ключи объекта и вернуть их в новом массиве. Напомню: суть объекта - это Структура Ключ-Значение. К примеру: Мы видим здесь у объекта три ключа (имена свойств) и по ним три значения. Вот в результате Object.keys(obj) мы получим массив со всеми этими ключами, то есть ['key1,' 'key2', 'key3']. А есть еще Object.values(), и он работает так же, только возвращает не ключи, а значения.

Сергей, советую изучить Типы данных JavaScript и с

Сергей, вручную пока переведены CSS, HTML и Javascript. ES6 и другие пока не переводились. Точнее я уже начал переводить, но пока еще совсем чуть-чуть. Можете пока не делать, скорее всего будет переведено к концу следующей недели. Я скину анонс.

Сергей, вручную пока переведены CSS, HTML и Javasc

Ага! Спасибо, теперь понял =)

Спасибо! Может и практическое применение найдётся) 

Спасибо! Изучаю.

Обсуждение задания "Title Case a Sentence"

Не за что!:)

>>> >> Пока искал решение задачи - понял её абсурдность: зачем делать запросы с условиями, если все данные на руках и можно фильровать их на месте.

1. Представь себе вытянуть многие сотни тысяч записей на клиент сразу.

2. Фильтрацию и сортировку сразу по нескольким полям (особенно при выборке сразу из нескольких таблиц) ты замахаешься делать на клиенте. Доволно простые для SQL задачи окажутся практически невозможными в реализации.

Это понятно, но для конкретного проекта - подходящее решение. 

Я сначала хотел запихать условие в 

Через свойство where. И как динамически это сделать на одной странице не разобрался. Была идея сделать пять страниц со своими параметрами. Хотел вынести в компонент и пропсами пробрасывать состояние выбранной категории. Но не свел все вместе с  getServerSideProps(). 

Можешь подсказать, как было бы сделать правильно?

Николай, привет! >>> >> Пока искал решение задачи - понял её абсурдность: зачем делать запросы с условиями, если все данные на руках и можно фильровать их на месте. 1. Представь себе вытянуть многие сотни тысяч записей на клиент сразу. 2. Фильтрацию и сортировку сразу по нескольким полям (особенно при выборке сразу из нескольких таблиц) ты замахаешься делать на клиенте. Доволно простые для SQL задачи окажутся практически невозможными в реализации. --- Это понятно, но для конкретного проекта - подходящее решение. Вопрос: Я сначала хотел запихать условие в Через свойство where. И как динамически это сделать на одной странице не разобрался. Была идея сделать пять страниц со своими параметрами. Хотел вынести в компонент и пропсами пробрасывать состояние выбранной категории. Но не свел все вместе с  getServerSideProps(). Можешь подсказать, как было бы сделать правильно?

Николай, привет! >>> >> Пока искал решение задачи

Обсуждение задания "Generate an Array of All Object Keys with Object.keys()"

Игорь, все верно, для доступа к свойствам объектам можно использовать точечную или скобочную нотацию. Но надо понимать между ними разницу: в скобочной ты щлесь передаешь переменную, которая может иметь разные значения, а в точечной у тебя не переменная передается, а именно само имя переменной. Вот этот урок тебе поможет лучше понять в чем тут твоя ошибка: Доступ к свойствам объектов через переменные.

Игорь, все верно, для доступа к свойствам объектам

Вижу, что уже знаешь больше и можешь что-то сделать. Это хорошо. Но есть моменты, конечно.

>> Пока искал решение задачи - понял её абсурдность: зачем делать запросы с условиями, если все данные на руках и можно фильровать их на месте.

>> Выяснилось, что единственное правилое для них место - папка public, дальше вложенность не имеет значения.

Все верно. По соображениям безопасности JS не отдает просто так любой файл как статику. Вдруг у тебя там когфиг с паролями? Поэтому в next-js настроена отдача статики из public. Но можно и свои кастомные папки сервить. К примеру, вот здесь у меня мидлвара ресайза картинок, а так же сервинг из папок shared/ и uploads/ https://github.com/prisma-cms/nextjs-nexus/blob/43e101b9804245bd551aefbf8e067cfd808c1d0d/server/index.ts#L26-L42

Дима, привет! Вижу, что уже знаешь больше и можешь что-то сделать. Это хорошо. Но есть моменты, конечно. >> Пока искал решение задачи - понял её абсурдность: зачем делать запросы с условиями, если все данные на руках и можно фильровать их на месте. 1. Представь себе вытянуть многие сотни тысяч записей на клиент сразу. 2. Фильтрацию и сортировку сразу по нескольким полям (особенно при выборке сразу из нескольких таблиц) ты замахаешься делать на клиенте. Доволно простые для SQL задачи окажутся практически невозможными в реализации. >> Выяснилось, что единственное правилое для них место - папка public, дальше вложенность не имеет значения. Все верно. По соображениям безопасности JS не отдает просто так любой файл как статику. Вдруг у тебя там когфиг с паролями? Поэтому в next-js настроена отдача статики из public. Но можно и свои кастомные папки сервить. К примеру, вот здесь у меня мидлвара ресайза картинок, а так же сервинг из папок shared/ и uploads/ https://github.com/prisma-cms/nextjs-nexus/blob/43e101b9804245bd551aefbf8e067cfd808c1d0d/server/index.ts#L26-L42

Дима, привет! Вижу, что уже знаешь больше и можешь

Черт возьми. Начинаю обучение. Какую Вы всё-таки, Николай, делайте колоссальную работу. Огромное Вам спасибо

Черт возьми. Начинаю обучение. Какую Вы всё-таки,

@ Сергей Гуляев если что-то непереведено, то советую воспользоваться встроеным гугл переводчиком/ установить его как разшрирение для хром браузера. В свое время так проходил задания на freecodecamp

@ Сергей Гуляев если что-то непереведено, то совет

Я так понимаю, это было сюда? 

Как правильно поступать, если не смогли самостоятельно выполнить задачу

Николай, вопрос: правильно понимаю, что обновить переменную, который пихаю getServerSideProps(), можно только перегрузим страницу, добавив переменную в урлу. И тогда уже через context её получить и использовать? 

Николай, вопрос: правильно понимаю, что обновить п

Отличные новости, спасибо!

Перевел интерактивные уроки ECMAScript 6

@Jean, не, тут так не сработало бы. Проблема как раз была в том, что было типа переведено, но очень коряво (машинный перевод), при этом оригинала не было. И перевод порой такой ужасный был, что реально было не понять.

@Jean, не, тут так не сработало бы. Проблема как р

Для вставки кода в редактор есть специальная кнопочка (я так понял вы ей воспользовались в другом топике).

В вашем же случае ошибка вот в чем была: 

Здесь вы добавляете каждый раз пробел в конце строки после каждого элемента исходной строки. Но вы не учли последний элемент (после которого не надо пробел вставлять). В итоге у вас были правильные ответы плюс лишний пробел в конче строки. Это видно здесь: 

Image

Вам здесь следовало проверку счетчика добавить, например так: 

Но я бы и вовсе набивал все в массив и потом просто объединил все пробелами. Например, так: 

В данном случае не приходится проверять последний элемент, так как Array.join(separator) вставляет указанный разделитель именно между элементами, но не перед первым и не после последнего.

Для вставки кода в редактор есть специальная кнопочка (я так понял вы ей воспользовались в другом топике). В вашем же случае ошибка вот в чем была: Здесь вы добавляете каждый раз пробел в конце строки после каждого элемента исходной строки. Но вы не учли последний элемент (после которого не надо пробел вставлять). В итоге у вас были правильные ответы плюс лишний пробел в конче строки. Это видно здесь: Вам здесь следовало проверку счетчика добавить, например так: Но я бы и вовсе набивал все в массив и потом просто объединил все пробелами. Например, так: В данном случае не приходится проверять последний элемент, так как Array.join(separator) вставляет указанный разделитель именно между элементами, но не перед первым и не после последнего. И да, это было лишнее:

Для вставки кода в редактор есть специальная кнопо

JavaScript. Массив - это тоже объект.

Скорее всего сразу после нового года. Там он довольно объемный, не получится частями выпускать.

Скорее всего сразу после нового года. Там он довол

Николай, когда планируется к появлению новый функционал?

Николай, когда планируется к появлению новый функц

Спасибо, Николай!

>> Осталось Nexus ввести и можно углубляться в детали каждой технологии. 

Будь готов к тому, что вот в этот момент у тебя весь твой маленький мир и порушится :) Маленький мир здесь - это твой проект.

Я пока не буду тебе детали раскрывать, сначала поломай голову сам. Интересно, во что именно ты упрешься.

>> Осталось Nexus ввести и можно углубляться в детали каждой технологии. Будь готов к тому, что вот в этот момент у тебя весь твой маленький мир и порушится :) Маленький мир здесь - это твой проект. Я пока не буду тебе детали раскрывать, сначала поломай голову сам. Интересно, во что именно ты упрешься.

>> Осталось Nexus ввести и можно углубляться в дет

Не за что! :)

Спасибо, друг

Сергей, я в прошлый раз уже написал, что этот раздел в процессе перевода. Зачем вот это вот еще раз?

Сергей, я в прошлый раз уже написал, что этот разд

>> Хотел вынести в компонент и пропсами пробрасывать состояние выбранной категории. Но не свел все вместе с  getServerSideProps(). 

Так а ты документацию официальную читал? https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering

getServerSideProps имеет аргумент - context. А из этого контексты ты можешь получить множество полезных данных, включая GET-параметры и т.п. Разве это тебе не помогает в твоем вопросе?

>> Хотел вынести в компонент и пропсами пробрасывать состояние выбранной категории. Но не свел все вместе с  getServerSideProps(). Так а ты документацию официальную читал? https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering getServerSideProps имеет аргумент - context. А из этого контексты ты можешь получить множество полезных данных, включая GET-параметры и т.п. Разве это тебе не помогает в твоем вопросе?

>> Хотел вынести в компонент и пропсами пробрасыва

Документация для специалистов

Tips & tricks

React

Уроки

Обсуждение задания "Use a Retina Image for Higher Resolution Displays"

Резюме в проекте

Всем спасибо на добром слове! :)

Загадочно...)

Обсуждение задания "Testing Objects for Properties"

Обсуждение задания "Import a Default Export"

Спасибо, проштудирую. Я сейчас Apollo Server настроил и через Apollo Client получаю данные (ветка plusapollo), как раз стоит вопрос о переписке фильтра. 

Осталось Nexus ввести и можно углубляться в детали каждой технологии. 

Николай, привет! Спасибо, проштудирую. Я сейчас Apollo Server настроил и через Apollo Client получаю данные (ветка plusapollo), как раз стоит вопрос о переписке фильтра. Осталось Nexus ввести и можно углубляться в детали каждой технологии.