TL; DR
Создав совместный текстовый редактор, вы получите
- Отправить данные с сервера на клиент – опросы/гнезда
- ALGO/DS для использования для эффективной передачи данных – Сравнение текста
- Редактор обновлений. Таким образом, курсор пользователя не движется. Это слишком много вещей, которые он научит вас, прочитайте приведенный ниже пост, чтобы узнать больше или попробовать живой проект здесь -> Live URL
вступление
Недавно я начал работать над этим классным проектом, веб -редактором кода. Итак, в этом посте я расскажу о том, как я внедрил этот проект и каковы будут дополнительные функции, которые я буду добавлять. 😃
Предисловие
Как мы все знаем, есть тысячи редакторов Awesomeee Code, такие как Repl.it, Codepen, CodeSandbox и т. Д. Так что больше всего вам нужно интересно, почему я решил написать своих собственных редакторов кода.
Я думаю, что если вы создадите систему, то вы узнаете, как на самом деле работает эта вещь, поэтому мое любопытство заставило меня это сделать. 🙂
Функции
Давайте поговорим о функциях, которое в настоящее время имеет в настоящее время веб -приложение,
- Отдельные вкладки для HTML/CSS/JS для лучшего стиля кодирования.
- Дисплей вывода кода показывает выход, объединяя все коды и создавая виртуальный DOM.
- Полностью мобильный отзывчивый.
- Скачать объединенный код как текстовый файл.
- Ночной режим
- Код автоматически сохранить в браузере
- Ссылка на обмен кода (запланировано)
- Сотрудничество кода (запланировано)
Технология используется
В этом проекте я использовал,
- React – для пользовательского интерфейса
- Материал пользовательского интерфейса – дизайн/анимация
- Redux – для государственного управления
- Redux Saga – для побочных эффектов
- Redux сохраняется – для автоматического сохранения
- Сокет IO (планируется) – для подключения к сокетам
- JSDIFF – для расчета различий
Вклад
Этот проект открыт для вклада, даже вклада в документы, Readme, управление людьми поможет другим учиться, и мы можем расти вместе. Это URL -> GitHub
Попробуйте живой проект здесь -> Live URL
Подключите меня @ LinkedIn GitHub Twitter YouTube Instagram 😇
Пинг меня в любое время с сомнениями, связанными с полным тестированием стека/ручки
Оригинал: “https://dev.to/abhishekraj272/you-need-to-build-a-collaborative-text-editor-right-now-5fcj”