Как из этой фунцкции сделать React компонент?

Question

[ummahusla]

Есть 2 функции, стоит ли эти функции делать React компонентом? Да и вообще, если тут есть толковый React разработчик, могу линк дать на open-source проект, нужен не большой code review. Спасибо

// processMessage function is called when the chat service sends a message.
// jQuery object with the response and insert message after converstaion.
function processMessage(username, data) {
    $('<span class="message">' + '[' + getCurrentTime() + '] ' + '<strong>' + username + ':</strong> ' + data + '</span><br/>').insertAfter($('#conversation'));
}

// updateUserList function is called when server sends an updated user list.
function updateUserList(data) {
    $('#users').empty();
    $.each(data, function(key, value) {
        $('#users').append('<div class="username"><i class="fa fa-user" aria-hidden="true"></i> ' + key + '</div>');
    });
}

Comments

[copal]

jQ + react ??

[ummahusla]

copal: Изначально это было приложение на node,express,jquery и вчера начал гуглить про реакт и начал переносить его полностью на реакт и избавлятся от jquery. Но работы ещё много, поэтому и ищю добровольцев которые уделят немного времени на код ревью.

[copal]

ummahusla: ну если знать что react + jQ это дно говнокодерства, то этот вопрос отпадет сам собой , так как jq полюбому нужно выкинуть, а работать с dom напрямую в реакт приложении тоже нельзя.

[ummahusla]

copal: Кеп спасибо, я вроде дал отчётливо понять, что я переписываю приложение, чтобы полностью отказаться от jQuery.

[copal]

ummahusla: ну я типа тоже дал понять что если из уравнения убрать jQ и работу с dom, то вопрос сам себя исчерпает. Ну а если Вам дать ссылку на правильный реакт проект, то поверьте, он даже для сеньора (правда незнакомого с реакт) будет очень запутанным - чистая функциональщина, непонятные библиотеки и es6 по самой полной. Начните с самого начала, посидите часов 20 чистого времени за чтением и только потом беритесь. Сейчас видно что Вы не понимаете основ реакта и основ программирования, ооп. В реакте все должно быть отдельным компонентом, должна быть иерархия. Контейнеров должно быть как можно меньше, а компонентов больше.
И сразу используйте react-redux чтобы не терять время. Это ещё пару туторов придется прочесть.

[ummahusla]

copal: Спасибо, дельный совет.

[xtalen]

copal: не пугайте людей, если в вашем приложении есть что-то кроме "показать данные", то вы не избавитесь от работы с DOM.
Любой мало мальский не нативный select, scroll, позиционирование - это черт возьми работа с DOM

[copal]

Игорь Андреевич: автор создает дом элементы и глядя на его код я имел ввиду что нельзя работать с дом так как это позволяет реакт. А вот то что реакт не позволяет, да, только самому делать.