Если вы хотите использовать JSON-server для своих проектов в портфолио, то посмотрите в сторону CodeSandbox, который сегодня позволяет создать онлайн песочницу с JSON-server. Ваше фронтенд приложение вполне может стучаться в эту сторону. Как пример: codesandbox.io/p/sandbox/hopeful-tree-1mixrj Запрос к нему будет 1mixrj-8080.preview.csb.app/posts
Доброй ночи, Михаил! Я еще не все Ваши ролики прошёл :), но ощущаю, что мне будет мало... Многих товарищей уже наслушался, но только от Вашего контента исходит благодатная энергетика, прям хочется заниматься и заниматься. Продолжайте пожалуйста!
Приветствую. Я делал обзор в прошлом году задолго до релиза. ruclips.net/video/Dw5nTbk1wBk/видео.html В итоговом варианте изменилось разве что название одного из хуков
Михаил снимите пожалуйста про Firebase 9 как сделать юзера и привязать к нему контент например контент для его профиля ( фото, текст, слоган и тп ) спасибо огромное за ваши видео !!
Здравствуйте Александр! А можно ли построить crud приложение с json-server, где сперва нужно войти (authentication) или зарегистрироваться( тоже чз json-server), потом только увидеть crud app и там же все операции выполнять (create, read, update, delete) ?
как сделать строгое соответсвие по элементу в массиве? Условно "category" = [ "first", "two" ], я обращаюусь к caregory_limit и оно выдает даже при совпадение 1-2 букв
Спасибо за видео. А как узнать общее кол-во динамических страниц через get запрос? (без скачивания всего списка и махинаций с делением по лимиту на фронте)
Чаще всего бэкенд предоставляет отдельный ключ с этой информацией. Json-server из коробки этого не делает, но при большом желании и можно расширить, используя прилагаемое API.
Спасибо за труд, не подскажете на json server можно использовать только один json файл db. json или можно несколько json файлов? Например в одном регистрационные формы хранить, в другом тестовые билеты с вопросами?
Михаил добрый день. Спасибо за краткий, но в то же время очень содержательный контент. Я прохожу обучение по вашим урокам на Stepic там ваши уроки так же отличаются от многих в лучшую сторону. У меня один вопрос по данному видео. JSON Server получает данные из созданного ранее json файла. Если изменять данный файл посредством js, будут ли данные изменения отражаться в JSON Server.
Приветствую! Я показал базовые возможности JSON Server. Если вы знакомы с разработкой на NodeJS, то с помощью документации можно посмотреть как создавать более сложные кейсы. Там как раз получится, что посредством JS будут меняться данные в тестовой БД.
Не фейковый обычно пишется бэкенд разработчиками или фуллстеками. Есть решения вроде Pocketbase или headless CMS, но и там тоже требуется определенный эффорт от разработчика. Есть также публичные API, которые можно использовать для своих фронтенд-приложений. Но в большинстве случае они предоставляют данные только на чтение.
@@karoche-tv Если на JS, то Nodejs и какой нибудь фреймворк к нему, тот же Express. Плюс базы данных, чтобы хранить те самые не фейковые данные. Например, mongodb или sqllite.
Разве в видео об этом нет? У вас json-server запускается по конкретном адресу на локалхосте, с конкретным портом. Вы по нему обращаетесь через fetch, добавляя к адресу название ключей, что самостоятельно добавили в db.json.
@@mishanep сталкивались ли с cors mode ? Когда запускаю get запрос в vs а сервер запускаю в командаре, в консоль ошибка: cors conflict... если использовать fetch, можно отключить а как отключить при get запросе? (XmlHttpRequest)
Михаил, спасибо Вам за Ваш труд. Очень интересное и познавательное видео, в прочем как и все остальные. Я попробовал задеплоить этот проект на Vercel, json server запускал через concurrently, но это не работает. Поискал в интернете варианты - не нашёл. Может подскажите как это сделать? Конечно желательно в формате видео урока. Это избавило бы от необходимости делать базу данных на Firebase или MongoDB . Очень рассчитываю на Ваш отклик 😇
CodeSandbox позволяет создавать инстансы json-server. Вы можете создать таковой и настроить под себя и делать запросы на него. По факту json-server не для продашкна, а для разработки. Но современные песочницы для нас и такой вариант предложили.
Json-server не имеет ничего общего с архитектурой фронтенд-приложения. Он одинаково хорошо подходит как для Реакт приложений, так и для любых других, будь то ванилла, vue, angular или что-то еще.
Это тестовый сервер - он для разработки, не для деплоя. Если очень хочется, можно воспользоваться CodeSandbox - у них среди песочниц есть и JSON Server.
Эту штуку не обязательно использовать с Реактом. Да и Реакт можно собрать по-разному. Вы можете обычную html страничку создать и js файлик к ней с запросами на тестовый сервер
а насколько уместно сравнивать JSON-server и метод Promise.resolve([]), который так же позволяет нам вернуть любую структуры которую мы сами напишем? или есть какая то разница в использовании JSON-server против Promise.resolve([]) ? спасибо заранее за ответ!🙏
Думаю совсем неуместно. Json-server - это имитация базы данных, в нее можно что-то сохранить, изменить, удалить, сделать выборку с поиском, сортировкой и пр. Promise.resolve позволит вам имитировать результат ответа от сервера, в рабочих задачах в качестве заглушки - отличный инструмент, но ограниченный.
Если вы хотите использовать JSON-server для своих проектов в портфолио, то посмотрите в сторону CodeSandbox, который сегодня позволяет создать онлайн песочницу с JSON-server. Ваше фронтенд приложение вполне может стучаться в эту сторону.
Как пример: codesandbox.io/p/sandbox/hopeful-tree-1mixrj
Запрос к нему будет 1mixrj-8080.preview.csb.app/posts
мужик, ты лучший
Доброй ночи, Михаил! Я еще не все Ваши ролики прошёл :), но ощущаю, что мне будет мало... Многих товарищей уже наслушался, но только от Вашего контента исходит благодатная энергетика, прям хочется заниматься и заниматься. Продолжайте пожалуйста!
@Идешь в разные области реакта
@гуглишь решение
@попадаешь вновь на данный канал с рассказом нужной технологии
@ставишь лукаса👍
Офигенное видео, подробно, сжато, и по сути! Спасибо Вам!
Огромное спасибо! Невероятно рад что наткнулся на Ваше видео) Большое спасибо
Прекрасная история. Михаил как всегда на высоте. Все понятно. Спасибо!
Большое спасибо Михаил! Долго не мог найти информацию по серверной части для домашних тестовых проектов
А я везунчик, с первого видео наткнулся на топ контент, и не пришлось даже других смотреть )
Спасибо большое. Вы один из немногих рассказываете про реальные практические приемы без воды и тупого копирования оф доки.
Михаил, спасибо Вам большое за уроки! Очень помогаете.
долго искал как сделать свою API и нашёл ваше видео спасибо
Дай Бог тебе здоровья!!!
Спасибо за обзор! Хорошая штука что бы потестить REST API
как всегда лучший учитель!!!спасибо Вам!! очень нужно разбор реакт 19 и хуки реакт 19 именно от Вас!!!
Приветствую. Я делал обзор в прошлом году задолго до релиза. ruclips.net/video/Dw5nTbk1wBk/видео.html
В итоговом варианте изменилось разве что название одного из хуков
@mishanep оу...как-то я пропустил... спасибо за ответ и за ваши ролики.. всегда жду с нетерпением вашего контента... очень меня мотивирует...
Было бы круто увидеть видос про бэкенд для фронтендеров: сделать простенький апи, запилить круд, ну и вот это все
Канал Pedro Tech
Димыч на канале it-kamasutra сделал видео недавно back-end путь самурая, перезагрузка 3е видео и как раз рассказал об этом
@@nepcz спасибо за инфу, уже не столь актуально)
@@mico6762 тоже так подумал, раз год прошел, но на всякий случай))
Спасибо большое! Благодаря Вашему опыту у меня расширяется кругозор RESPECT
большое спасибо, как раз то что сейчас нужно
Спасибо, видосик помог. Сделал себе тестовую апишку,
Вот прикол, 4 часа назад сам искал какой бы мок сервер применить и выбрал этот. И тут когда уже все настроил и работаю с ним, увидел твое видео.
Спасибо ! Очень полезная инфа. Читал статью на медиуме, там все по сравнению с этим видосом очень поверхностно
Спасибо. Очень полезно было узнать
уже даже забыл про него, спасибо напомнил
Спасибо за видео)
дякую, дуже допоміг :)
На русском пиши
Круто! Спасибо!
спасибо, очень информативно!
Подписка!
Каеф. Спасибо!
Спасибо большое капец как помог
Михаил снимите пожалуйста про Firebase 9 как сделать юзера и привязать к нему контент например контент для его профиля ( фото, текст, слоган и тп ) спасибо огромное за ваши видео !!
Спасибо!
Здравствуйте Александр! А можно ли построить crud приложение с json-server, где сперва нужно войти (authentication) или зарегистрироваться( тоже чз json-server), потом только увидеть crud app и там же все операции выполнять (create, read, update, delete) ?
Можно еще дополнить деплоем на хероку вместе с реакт приложением. Сам недавно разбирался с этим, не сразу понятно было что и как там
спасибо!
как сделать строгое соответсвие по элементу в массиве? Условно "category" = [ "first", "two" ], я обращаюусь к caregory_limit и оно выдает даже при совпадение 1-2 букв
Спасибо.
подскажите пож-ста package.json на 1:30 скачивается/устанавливается откуда?
На видео используется стандартная сборка create-react-app
Как пользоваться можно почитать тут create-react-app.dev/docs/getting-started
А как в vite прописать конкурентный режим? У меня ошибки вылезают. Сервер грузится, а фронт нет. Либо наоборот. В Вашем примере CRA
Спасибо за видео. А как узнать общее кол-во динамических страниц через get запрос? (без скачивания всего списка и махинаций с делением по лимиту на фронте)
Чаще всего бэкенд предоставляет отдельный ключ с этой информацией. Json-server из коробки этого не делает, но при большом желании и можно расширить, используя прилагаемое API.
@@mishanep спасибо за ответы
Спасибо за труд, не подскажете на json server можно использовать только один json файл db. json или можно несколько json файлов? Например в одном регистрационные формы хранить, в другом тестовые билеты с вопросами?
Михаил добрый день. Спасибо за краткий, но в то же время очень содержательный контент. Я прохожу обучение по вашим урокам на Stepic там ваши уроки так же отличаются от многих в лучшую сторону. У меня один вопрос по данному видео.
JSON Server получает данные из созданного ранее json файла. Если изменять данный файл посредством js, будут ли данные изменения отражаться в JSON Server.
Приветствую!
Я показал базовые возможности JSON Server. Если вы знакомы с разработкой на NodeJS, то с помощью документации можно посмотреть как создавать более сложные кейсы. Там как раз получится, что посредством JS будут меняться данные в тестовой БД.
@@mishanep Спасибо.
А как эмулировать токены / время и прочие плюшки?
👍
Допустим я написал простое приложение Todo. А как деплоит Реакт и JSON server чтобы работал не локально? Есть такой JSON server не фейковый сервер?
Не фейковый обычно пишется бэкенд разработчиками или фуллстеками. Есть решения вроде Pocketbase или headless CMS, но и там тоже требуется определенный эффорт от разработчика.
Есть также публичные API, которые можно использовать для своих фронтенд-приложений. Но в большинстве случае они предоставляют данные только на чтение.
@@mishanep а типа создать чисто backend от express.js или node.js ? А как создать можно такой сервер что учить надо
@@karoche-tv Если на JS, то Nodejs и какой нибудь фреймворк к нему, тот же Express. Плюс базы данных, чтобы хранить те самые не фейковые данные. Например, mongodb или sqllite.
Можешь посмотреть mockapi, бесплатный, но ограниченный сервер
этот бд будет работать если задеплоить на гитхаб? и rest api
Подскажите как обращатся к json-server через запрос get/fetch?
Разве в видео об этом нет?
У вас json-server запускается по конкретном адресу на локалхосте, с конкретным портом. Вы по нему обращаетесь через fetch, добавляя к адресу название ключей, что самостоятельно добавили в db.json.
@@mishanep сталкивались ли с cors mode ? Когда запускаю get запрос в vs а сервер запускаю в командаре, в консоль ошибка: cors conflict... если использовать fetch, можно отключить а как отключить при get запросе? (XmlHttpRequest)
Спасибо за видео! а не подскажете, как называется ваша тема VSCode?
Сейчас пользуюсь темой Code Sandbox. Не уверен она ли была в тот раз.
Возможно что бы сервер работал постоянно? Что бы портфолио работало, развернуть на верселе и тянуть с JSON данные
В принципе возможно, но не уверен что на верселе или гитхаб пейджес это просто сделать.
Михаил, спасибо Вам за Ваш труд. Очень интересное и познавательное видео, в прочем как и все остальные. Я попробовал задеплоить этот проект на Vercel, json server запускал через concurrently, но это не работает. Поискал в интернете варианты - не нашёл. Может подскажите как это сделать? Конечно желательно в формате видео урока. Это избавило бы от необходимости делать базу данных на Firebase или MongoDB . Очень рассчитываю на Ваш отклик 😇
CodeSandbox позволяет создавать инстансы json-server. Вы можете создать таковой и настроить под себя и делать запросы на него.
По факту json-server не для продашкна, а для разработки. Но современные песочницы для нас и такой вариант предложили.
@@mishanep А что вы используете на продакшн?
По сути Json-server нужен для работы с данными, с умной сортировкой, не для того чтобы установить на него Реакт приложение, я правильно понимаю?
Json-server не имеет ничего общего с архитектурой фронтенд-приложения. Он одинаково хорошо подходит как для Реакт приложений, так и для любых других, будь то ванилла, vue, angular или что-то еще.
как задеплоить проект с таким сервером
Это тестовый сервер - он для разработки, не для деплоя.
Если очень хочется, можно воспользоваться CodeSandbox - у них среди песочниц есть и JSON Server.
🙂🙂🙂
Возвращает объект со свойством type: cors
я забуксовал на ""свеже установленный криэй три ак аб"
Эту штуку не обязательно использовать с Реактом. Да и Реакт можно собрать по-разному. Вы можете обычную html страничку создать и js файлик к ней с запросами на тестовый сервер
больше не надо мучаться с кастрированными mock api!!!
а насколько уместно сравнивать JSON-server и метод Promise.resolve([]), который так же позволяет нам вернуть любую структуры которую мы сами напишем?
или есть какая то разница в использовании JSON-server против Promise.resolve([]) ?
спасибо заранее за ответ!🙏
Думаю совсем неуместно. Json-server - это имитация базы данных, в нее можно что-то сохранить, изменить, удалить, сделать выборку с поиском, сортировкой и пр. Promise.resolve позволит вам имитировать результат ответа от сервера, в рабочих задачах в качестве заглушки - отличный инструмент, но ограниченный.
@@mishanep понял, значит json server как раз отлично подойдут для изучения и отработки таких запросов как post,put,del
Спасибо вам большое
Спасибо большое за видео!
Спасибо!
👍
Спасибо за видео!
Спасибо!