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