Refactoring of React messenger application (component isolation)
94 USD Here is the updated version considering your addition:
🔧 Refactoring React Messenger Application (Component Isolation)
📌 Project Description:
There is a React messenger application consisting of three main parts:
Dialog List
Message Window for the Dialog
Client Card
Currently, the logic is built so that the dialog list loads dialog information into the global Store. The message component and client card receive this information from the Store.
This leads to collisions and bugs when dialog information has not yet appeared in the Store — then the message window does not open or works incorrectly. Such an approach does not suit us.
🎯 Task:
It is necessary to refactor the application to achieve:
Component isolation (messages, client card, dialog list);
Ensuring autonomous data loading in each component without dependence on the Store, which is filled by another component;
Implementation of independence of the message window and contact card from the dialog list;
Elimination of collisions and improvement of stability.
⚠️ Important:
The backend already has a separate API request that allows obtaining all necessary dialog information for autonomous component operation. It needs to be used when opening a dialog to load the required data without relying on the overall Store.
✅ Expected Result:
Each component independently loads the necessary information via the appropriate API.
Messages and the client card operate independently of the dialog list.
Current bugs are fixed, and the application's logic and stability are improved.
🛠️ Tech Stack:
React
Redux
Client's review of cooperation with Serhii Avdieiev
Refactoring of React messenger application (component isolation)I did everything as planned, I recommend
figured out the complex project
Freelancer's review of cooperation with Maksim B.
Refactoring of React messenger application (component isolation)Satisfied with cooperation with Maksym. Clearly defined tasks. Recommend the client
-
Winning proposal2 days94 USD
Winning proposal2 days94 USD
I am an experienced developer with over 18 years of commercial experience. During this time, I have completed dozens of successful projects — from small MVPs to large-scale web systems with thousands of users. I combine deep technical understanding with a pragmatic approach to UX, performance, and maintainability of code.
🔧 My key skills:
- React, Angular, Vue, Node, TypeScript, Next.js, Nuxt.js, GraphQL, Redux, Zustand, Python, PHP / Laravel
- CI/CD: experience setting up complete pipelines (GitHub Actions, GitLab CI)
- Automated testing: Jest, React Testing Library, Cypress
- Responsive layout and accessibility (a11y), performance optimization, Lighthouse analysis
- API integration, SPA/PWA development, WebSocket, SSR
… 👨🏫 Mentoring and leadership
Over the past years, I have repeatedly acted as a tech lead and mentor: conducting code reviews, helping junior developers, forming architectural solutions, interacting directly with designers, managers, and clients.
📦 Best development practices
I adhere to SOLID, KISS, DRY principles, care about code quality, readability, and maintainability, always write tested code, and work according to CI/CD principles. I can work effectively in a team or independently, meeting deadlines and technical requirements.
Ready to implement the project with quality, on time, and with attention to detail.
-
2 days178 USD
1263 2 1 2 days178 USD
Hello!
To accurately assess the scope of work and choose the optimal approach to refactoring, I suggest starting with a small technical audit of the current architecture. This will take approximately 2–4 hours and will allow us to identify potential difficulties in advance, as well as avoid overspending time and budget in the future.
I am ready to perform this audit as the first stage.
Thank you for your understanding and I am open to discussing the details.
Best regards,
… Yuriy
-
2 days94 USD
1956 11 0 2 days94 USD
Hello. My name is Nikolay. I am a Front-End developer with over six years of experience. Open to collaboration, write in private messages, and we will discuss the details.
-
2 days111 USD
42 2 days111 USD
Hello
I have experience in developing websites of various complexities
I can also perform refactoring, optimization
Ready to cooperate. Write, we will discuss everything
price and deadlines are negotiable
-
2 days111 USD
649 3 0 2 days111 USD
Hello! I have over 5 years of experience with React, Redux, and Angular. Familiar with similar cases where component isolation and avoiding unnecessary dependencies on the Store are needed. Ready to take on refactoring — I will do everything qualitatively, focusing on stability and clean architecture
-
2 days94 USD
914 32 3 2 days94 USD
Good day. I am ready to refactor your application and build the correct architecture where needed. I have been working in web development for over 10 years. So I will complete your task with quality. I specialize in Javascript/TypeScript and React. Feel free to contact me. Let's work together!
-
1 day89 USD
1887 8 0 1 day89 USD
Hello!
We are The Dev Company, a small team of developers who simply love clean architecture, predictable component behavior, and well-structured logic. Our team consists of 4 experienced engineers, and we specialize in projects where it’s not just about “doing something,” but thinking about how to do it better.
Your request sounds very familiar. We have encountered situations where Store becomes a point of conflict between components, especially in large React applications. In such cases, we always strive for isolation, unloading the global state, and transferring responsibility to the component — exactly what you described as your goal.
You already have an API for loading data, which is good. This allows making components autonomous and avoiding incorrect operation when the state changes in other parts of the interface.
What can we offer:
…
Refactoring according to your logic;
– Isolate dialogs, messages, and the client card;
– Ensure stable data loading;
– Reduce dependencies, fix bugs, and improve UX.
We are open to dialogue — we can go through the architecture together, discuss approaches, and agree on the format. We are interested in joining projects that have challenges, not just “click — rip — do.” That’s why we exist as a team.
We will be happy to discuss the details!
-
1 day94 USD
2656 40 0 1 day94 USD
Hello. I will do it. Write, I will be glad to cooperate
Hello. I will do it. Write, I will be glad to cooperate
-
2 days94 USD
272 2 days94 USD
Ready to complete this project,
write to discuss in more detail
-
4 days89 USD
3152 15 0 4 days89 USD
Good day.
Interested in your project, I have experience developing messengers on React.
Write, let's discuss the details
-
2 days94 USD
6786 18 1 2 days94 USD
Hello,
I am a front-end developer with 3+ years of experience.
I understand that refactoring is the last thing developers like to do, so I can help with this.
Write to me, we will discuss the details.
Current freelance projects in the category Javascript and Typescript
Collaborative It Project Partner for Early Stage Development
1500 USD
Description: We are seeking a highly motivated and reliable individual to join us as a project partner for an exciting new venture currently in its early stages of development. The core idea is still being refined, and we are open to discussing the optimal technical direction… AI & Machine Learning, Javascript and Typescript ∙ 1 hour 20 minutes back ∙ 11 proposals |
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 2 days 6 hours back ∙ 85 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 3 days 3 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 5 days 5 hours back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 6 days 6 hours back ∙ 29 proposals |
Ukraine