Локальный сервер для проектов и тестирования

[@mishanep]

Если вы хотите использовать JSON-server для своих проектов в портфолио, то посмотрите в сторону CodeSandbox, который сегодня позволяет создать онлайн песочницу с JSON-server. Ваше фронтенд приложение вполне может стучаться в эту сторону. Как пример: codesandbox.io/p/sandbox/hopeful-tree-1mixrj Запрос к нему будет 1mixrj-8080.preview.csb.app/posts

[@ЕгорЗверев-й8к]

мужик, ты лучший

[@РоманБирюков-ц2в]

Доброй ночи, Михаил! Я еще не все Ваши ролики прошёл :), но ощущаю, что мне будет мало... Многих товарищей уже наслушался, но только от Вашего контента исходит благодатная энергетика, прям хочется заниматься и заниматься. Продолжайте пожалуйста!

[@arti532]

@Идешь в разные области реакта @гуглишь решение @попадаешь вновь на данный канал с рассказом нужной технологии @ставишь лукаса👍

[@andreydiakonov57]

Офигенное видео, подробно, сжато, и по сути! Спасибо Вам!

[@voidcode2534]

Огромное спасибо! Невероятно рад что наткнулся на Ваше видео) Большое спасибо

[@evloev4821]

А я везунчик, с первого видео наткнулся на топ контент, и не пришлось даже других смотреть )

[@vitalygaraev8093]

Прекрасная история. Михаил как всегда на высоте. Все понятно. Спасибо!

[@devastoned]

Большое спасибо Михаил! Долго не мог найти информацию по серверной части для домашних тестовых проектов

[@GoodArtStudioRu]

Дай Бог тебе здоровья!!!

[@vladimirplyukhin5234]

Михаил, спасибо Вам большое за уроки! Очень помогаете.

[@true227]

Спасибо большое. Вы один из немногих рассказываете про реальные практические приемы без воды и тупого копирования оф доки.

[@spaikissinfernio8610]

Спасибо, видосик помог. Сделал себе тестовую апишку,

[@yaroslavzef7267]

Спасибо за обзор! Хорошая штука что бы потестить REST API

[@АлександрЮсюз-я8м]

большое спасибо, как раз то что сейчас нужно

[@lalepuCheats]

долго искал как сделать свою API и нашёл ваше видео спасибо

[@paulsekishov4143]

Спасибо большое! Благодаря Вашему опыту у меня расширяется кругозор RESPECT

[@mico6762]

Было бы круто увидеть видос про бэкенд для фронтендеров: сделать простенький апи, запилить круд, ну и вот это все

[@krokodile6550]

Канал Pedro Tech

[@nepcz]

Димыч на канале it-kamasutra сделал видео недавно back-end путь самурая, перезагрузка 3е видео и как раз рассказал об этом

[@mico6762]

@@nepcz спасибо за инфу, уже не столь актуально)

[@nepcz]

@@mico6762 тоже так подумал, раз год прошел, но на всякий случай))

[@Seacrest.]

Спасибо. Очень полезно было узнать

[@ВладимирГугин-ш7щ]

Спасибо ! Очень полезная инфа. Читал статью на медиуме, там все по сравнению с этим видосом очень поверхностно

[@2009Spread]

уже даже забыл про него, спасибо напомнил

[@saiman835]

Вот прикол, 4 часа назад сам искал какой бы мок сервер применить и выбрал этот. И тут когда уже все настроил и работаю с ним, увидел твое видео.

[@Infinity-zf8ms]

Спасибо за видео)

[@ЭнрикаДэй]

дякую, дуже допоміг :)

[@ДанилДмитриев-я5м]

На русском пиши

[@sharkman6434]

Михаил снимите пожалуйста про Firebase 9 как сделать юзера и привязать к нему контент например контент для его профиля ( фото, текст, слоган и тп ) спасибо огромное за ваши видео !!

[@КиселевСергей-ъ1о]

спасибо, очень информативно!

[@djubei2265]

Круто! Спасибо!

[@izzy7541]

Можно еще дополнить деплоем на хероку вместе с реакт приложением. Сам недавно разбирался с этим, не сразу понятно было что и как там

[@murodpro-1736]

Спасибо большое капец как помог

[@zhibeka6814]

Здравствуйте Александр! А можно ли построить crud приложение с json-server, где сперва нужно войти (authentication) или зарегистрироваться( тоже чз json-server), потом только увидеть crud app и там же все операции выполнять (create, read, update, delete) ?

[@АлексейСаломатин-о4ю]

Каеф. Спасибо!

[@sergsergey4251]

Спасибо!

[@nurjam6151]

подскажите пож-ста package.json на 1:30 скачивается/устанавливается откуда?

[@mishanep]

На видео используется стандартная сборка create-react-app Как пользоваться можно почитать тут create-react-app.dev/docs/getting-started

[@Ksen14]

Подписка!

[@ЯрославИсаков-ч2л]

как сделать строгое соответсвие по элементу в массиве? Условно "category" = [ "first", "two" ], я обращаюусь к caregory_limit и оно выдает даже при совпадение 1-2 букв

[@Egor_N]

Михаил добрый день. Спасибо за краткий, но в то же время очень содержательный контент. Я прохожу обучение по вашим урокам на Stepic там ваши уроки так же отличаются от многих в лучшую сторону. У меня один вопрос по данному видео. JSON Server получает данные из созданного ранее json файла. Если изменять данный файл посредством js, будут ли данные изменения отражаться в JSON Server.

[@mishanep]

Приветствую! Я показал базовые возможности JSON Server. Если вы знакомы с разработкой на NodeJS, то с помощью документации можно посмотреть как создавать более сложные кейсы. Там как раз получится, что посредством JS будут меняться данные в тестовой БД.

[@Egor_N]

@@mishanep Спасибо.

[@joonlorka1371]

Спасибо за труд, не подскажете на json server можно использовать только один json файл db. json или можно несколько json файлов? Например в одном регистрационные формы хранить, в другом тестовые билеты с вопросами?

[@druf5962]

Спасибо за видео. А как узнать общее кол-во динамических страниц через get запрос? (без скачивания всего списка и махинаций с делением по лимиту на фронте)

[@mishanep]

Чаще всего бэкенд предоставляет отдельный ключ с этой информацией. Json-server из коробки этого не делает, но при большом желании и можно расширить, используя прилагаемое API.

[@druf5962]

@@mishanep спасибо за ответы

[@langgs]

спасибо!

[@karoche-tv]

Допустим я написал простое приложение Todo. А как деплоит Реакт и JSON server чтобы работал не локально? Есть такой JSON server не фейковый сервер?

[@mishanep]

Не фейковый обычно пишется бэкенд разработчиками или фуллстеками. Есть решения вроде Pocketbase или headless CMS, но и там тоже требуется определенный эффорт от разработчика. Есть также публичные API, которые можно использовать для своих фронтенд-приложений. Но в большинстве случае они предоставляют данные только на чтение.

[@karoche-tv]

@@mishanep а типа создать чисто backend от express.js или node.js ? А как создать можно такой сервер что учить надо

[@mishanep]

@@karoche-tv Если на JS, то Nodejs и какой нибудь фреймворк к нему, тот же Express. Плюс базы данных, чтобы хранить те самые не фейковые данные. Например, mongodb или sqllite.

[@KhokhlovNikita]

Можешь посмотреть mockapi, бесплатный, но ограниченный сервер

[@romanpityul8805]

Спасибо за видео! а не подскажете, как называется ваша тема VSCode?

[@mishanep]

Сейчас пользуюсь темой Code Sandbox. Не уверен она ли была в тот раз.

[@olegpavlov4329]

Спасибо.

[@velikorossnationalist4259]

А как в vite прописать конкурентный режим? У меня ошибки вылезают. Сервер грузится, а фронт нет. Либо наоборот. В Вашем примере CRA

[@weak_aura]

этот бд будет работать если задеплоить на гитхаб? и rest api

[@stanislavasgoldyckis7740]

👍

[@pvls9514]

Подскажите как обращатся к json-server через запрос get/fetch?

[@mishanep]

Разве в видео об этом нет? У вас json-server запускается по конкретном адресу на локалхосте, с конкретным портом. Вы по нему обращаетесь через fetch, добавляя к адресу название ключей, что самостоятельно добавили в db.json.

[@pvls9514]

@@mishanep сталкивались ли с cors mode ? Когда запускаю get запрос в vs а сервер запускаю в командаре, в консоль ошибка: cors conflict... если использовать fetch, можно отключить а как отключить при get запросе? (XmlHttpRequest)

[@pfcompany885]

А как эмулировать токены / время и прочие плюшки?

[@artemkravetz9553]

Возможно что бы сервер работал постоянно? Что бы портфолио работало, развернуть на верселе и тянуть с JSON данные

[@mishanep]

В принципе возможно, но не уверен что на верселе или гитхаб пейджес это просто сделать.

[@vladimirmuratov2220]

Михаил, спасибо Вам за Ваш труд. Очень интересное и познавательное видео, в прочем как и все остальные. Я попробовал задеплоить этот проект на Vercel, json server запускал через concurrently, но это не работает. Поискал в интернете варианты - не нашёл. Может подскажите как это сделать? Конечно желательно в формате видео урока. Это избавило бы от необходимости делать базу данных на Firebase или MongoDB . Очень рассчитываю на Ваш отклик 😇

[@mishanep]

CodeSandbox позволяет создавать инстансы json-server. Вы можете создать таковой и настроить под себя и делать запросы на него. По факту json-server не для продашкна, а для разработки. Но современные песочницы для нас и такой вариант предложили.

[@vladimirmuratov2220]

@@mishanep А что вы используете на продакшн?

[@pvls9514]

По сути Json-server нужен для работы с данными, с умной сортировкой, не для того чтобы установить на него Реакт приложение, я правильно понимаю?

[@mishanep]

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

[@arthurq7843]

Возвращает объект со свойством type: cors

[@baigeldysultanov]

как задеплоить проект с таким сервером

[@mishanep]

Это тестовый сервер - он для разработки, не для деплоя. Если очень хочется, можно воспользоваться CodeSandbox - у них среди песочниц есть и JSON Server.

[@konglomora3230]

🙂🙂🙂

[@thunderwin]

я забуксовал на ""свеже установленный криэй три ак аб"

[@mishanep]

Эту штуку не обязательно использовать с Реактом. Да и Реакт можно собрать по-разному. Вы можете обычную html страничку создать и js файлик к ней с запросами на тестовый сервер

[@ЕгорЗверев-й8к]

больше не надо мучаться с кастрированными mock api!!!

[@kirshner93]

а насколько уместно сравнивать JSON-server и метод Promise.resolve([]), который так же позволяет нам вернуть любую структуры которую мы сами напишем? или есть какая то разница в использовании JSON-server против Promise.resolve([]) ? спасибо заранее за ответ!🙏

[@mishanep]

Думаю совсем неуместно. Json-server - это имитация базы данных, в нее можно что-то сохранить, изменить, удалить, сделать выборку с поиском, сортировкой и пр. Promise.resolve позволит вам имитировать результат ответа от сервера, в рабочих задачах в качестве заглушки - отличный инструмент, но ограниченный.

[@marsiki_official]

@@mishanep понял, значит json server как раз отлично подойдут для изучения и отработки таких запросов как post,put,del Спасибо вам большое

[@demid088web]

Спасибо большое за видео!

[@Дмитрий-д2к9б]

Спасибо!

[@jamjam3337]

👍

[@user-bot402]

Спасибо!