5 Strategies for retaining and managing remote teams of ReactJS Developers

5 Strategies for retaining and managing remote teams of ReactJS Developers

The grass always seems greener on the other side. We’ve all read about how hiring remotely is super beneficial for companies—what with access to a global talent pool and cost savings upwards of 40%—but everything in life has a caveat. What if managing remote teams you’ve hired isn’t meshing together quite as well as you’d hoped?

Worry not: a few simple changes to your team’s workflow can? often provide some much-needed productivity boosts,

Before we get into the details, here’s what you learn from this article:

  • Schedule frequent check-ins with your developers to monitor progress.
  • Offer multiple methods of communication.
  • Provide spaces and opportunities for “remote social interaction.”
  • Use dedicated project management software.
  • Put all shared code in a place accessible to everyone.

Right, with that out of the way, let’s get right into it.

No alt text provided for this image

Source

Communicate effectively

Problem:?

The expansion of the remote job market is the cause of a communication revolution comparable to the invention of the printing press.

Effective communication is the key to success, even more than usual when managing remote teams.

Analyze the communication channels between you and your developers and judge whether or not you need to change something.?

Example:

No alt text provided for this image

My tips:

Don’t rely on email (alone)— it’s just way too formal. Plus, people may not check it all that often/can just say that they “must have missed it.”

Instead, use an all-in-one tool such as Slack for all communication and leave the official contact for emails.

Such a tool allows you to have separate “channels” within the larger group, allowing for better overall management without any distracting “fluff.”

Have a dedicated informal space — Water-cooler banter is still pretty important and noted analytics firm Statista says that the biggest problem remote workers face is “not being able to unplug.”

Your team should have a space/group/chat-room for celebrations, informal talk, jokes, wishes, and the like.

Establish a few set rules of engagement — Having a clear-cut manual on proper conduct goes a really long way in avoiding miscommunication.

This differs from team to team and could be as simple as acknowledging every message, even with a simple emoji.

Free tools you can use:

Takeaway: Keeping communication lines open (and closed—it’s vital to give devs their personal space) is mission-critical if you plan on working remotely, whether long-term or short.

No alt text provided for this image

Source

Proper task allocation and project management?

Problem:?

From what I’ve seen, remote communication is currently rather haphazard, and until that’s sorted, task management will suffer.

Most React devs that I know rely on Whatsapp or email to get their weekly task assignment and then burn themselves out to meet the deadline they totally didn’t forget about.

This strategy is pretty unviable, but many tools can make your life easier.

Example:

No alt text provided for this image


My Tips:?

Use dedicated project management software — I’m not exaggerating when I say that project management software is a remote developer teams’? best friend.

Using a tool like Trello that is mobile optimized and has an excellent database search is perfect for remote collaboration.

You can also see changes being made to the common whiteboard in real-time as an added plus.

Hold one-on-one meetings often — it adds that personal touch and lets you grasp what is happening with your team and be kept in the loop about task progress.

Also,? if anyone seems to be falling behind, you can help them figure out a solution.

Follow up on assigned tasks — If you’ve posted a set of tasks to your team to be completed by, say, Friday, follow up on Wednesday to see if everyone is on track.

Have dedicated POCs — A POC is a “point of contact,” basically a fancy name for project coordinators.

Even if you don’t outsource any work, each subsection of your dev team should have a subsection head developer who (preferably) has experience or specialized knowledge for the part they handle.

Free tools you can use:

Takeaway: Something is better than nothing; even a simple “assigned tasks” and “Completed - Yes/ No” list in excel is still better than having no task tracking system.

No alt text provided for this image

Source

Standardized Documentation and code sharing

Problem:?

When any software team works together, they need to share their code with each other sooner or later.

Now, when one dev’s code is reviewed by another, things like made-up acronyms, documentation, and README/ CONTRIBUTING files can be a major headache.

Keeping your in-code documentation was hard enough before, but when working online, it’s like that final unbeatable video game boss.

Example:

Consider this situation: Jane is a ReactJS team lead at a company.?

She shares her team’s code with Russell, a new developer who just joined the team and had never seen that code before.

Russell will likely face dependency issues galore and will probably not know the full potential impact when making changes to a component, library, package, or module.

Aside from that, Russell would also have to learn the team’s branching strategy and understand every aspect of the code’s external dependencies — from scratch.

My Tips:

Organize logically: Ask your React devs to have a single folder with subfolders for all the code they need to reuse.

For example, the parent folder could be named “WhateverYouWant.Common” and have subfolders for MVVM, ESB interactions, String manipulation, Networking, Logging systems, etc.

I like to think of this as my remote team’s swiss army knife — all the main tools they need in one place.

Remember to use Pascal case when naming the thing.

Onboard new members properly — An experienced member of your team needs to sit with new developers and explain the following to them:

  • Publishing Overheads
  • Dependency Trees
  • Company-specific acronyms (if any)
  • The folder and document management system

Trust me, the initial time investment pays off, especially when a deadline is looming.

Free tools you can use:


In addition to the above, many code editors like Atom, VisualStudio, and Sublime Text have a “live sharing” option that you can use.

Takeaway: Codesharing is a hassle for every team, but there are ways around it.?

Don’t let yourself be infected with the curse of knowledge: what seems mundane to you may be entirely new for the next person.

That is why it is crucial to explain even what seems obvious about your code to new team members. Have all shared resources in a common location for better collaboration.

No alt text provided for this image

Source

Engage in activities as a team

Problem:?

That same Statista article mentioned earlier also lists “loneliness” as a significant cause of unproductivity while working with remote teams.

This is likely because of the lack of having a social connection like your team has when in a brick-and-mortar office.

My Tips:

Team-building — Engage in team-building activities with your developers — it adds a personal touch and indicates that you care about their emotional wellbeing.

Over-professionalism — On those weekly/ daily check-in calls we talked about, reserve the first or last five minutes to banter a bit with the dev.

After all, there is such a thing as being too professional.

Don’t forget to unwind. While the team may not be able to go out and grab a movie, there’s no reason the group can't get together for a Facebook watch party.

Takeaway: Remote workers in general and developers in particular face isolation even in traditional offices due to their “bubble” workflows, so you must make your team feel at home while they’re at home.

No alt text provided for this image

Source

?Miscellaneous tricks, tools, and tips for managing remote teams

Version Management: Maintain detailed README files for each version released on your software like Git or Github. Your future team will thank you.

Documentation: React is pretty flexible when it comes to structuring code. This is why it is imperative to maintain clear-cut documentation for others to follow.

Tools like Atlassian come in handy here.

Conflict Resolution: Even when working remotely, teams can have disagreements.?

Have predefined protocol and policy in place before such a thing occurs (it’s an eventuality) so that it can be speedily taken care of.

Micro-groups: Splitting up your team into smaller workforces, each with a specific task, is an excellent move 99% of the time.

The productivity increase your developers see will be immense — too many cooks tend to spoil the broth.

Set metrics for your developers: These could be daily, weekly, or monthly metrics (e.g., attach two”onclick” events to HTML elements).

When setting these metrics (goals), it’s best to be as specific as possible.?

If you go with the weekly or monthly targets, make sure you touch base with the devs every once in a while to ensure that they’re on track.

Wrapping up

I know from (painful) experience that leading remote teams is a gargantuan task, even more so with super-specialty workforces like ReactJS developers.

Here are a few tried and tested methods to boost your remote React team’s productivity (that I can personally vouch for).

I have tried to cover all the major problems that I faced when starting out in the remote development game and what I would have liked to see done differently.

That said, I’ll bid you adieu, and wish you success with your next project. May your renders be snappy and your automation smooth.

Sources:

  1. https://www.educative.io/blog/best-practices-react-developer
  2. https://hbr.org/2020/03/a-guide-to-managing-your-newly-remote-workers
  3. https://hbr.org/2018/02/how-to-collaborate-effectively-if-your-team-is-remote
  4. https://www.codeinwp.com/blog/react-best-practices/
  5. https://www.elevenwinds.com/blog/best-practices-for-software-development-teams/
  6. https://thedigitalprojectmanager.com/remote-project-management-tools/
  7. https://dev.to/devdefinitive/10-common-react-mistakes-and-problems-beginners-face-5767
  8. https://www.talentlms.com/blog/challenges-managing-remote-team-how-overcome-them/
  9. https://remote-how.com/blog/challenges-of-managing-remote-employees
  10. https://facilethings.com/blog/en/6-rules-for-successfully-collaborating-with-a-remote-team
  11. https://www.managers.org.uk/knowledge-and-insights/article/overcoming-the-big-five-challenges-of-managing-remote-teams/
  12. https://hackernoon.com/how-we-started-sharing-components-as-a-team-d863657afaca
  13. https://blog.bitsrc.io/5-tools-for-faster-development-in-react-676f134050f2
  14. https://blog.hubstaff.com/remote-management-problems/
  15. https://blog.vantagecircle.com/remote-team-collaboration/
  16. https://www.g2.com/categories/team-collaboration
  17. https://git-scm.com/downloads?
  18. https://react-styleguidist.js.org/
  19. https://storybook.js.org/
  20. https://github.com/lerna/lerna
  21. https://www.g2.com/categories/team-collaboration
  22. https://www.statista.com/statistics/1111316/biggest-struggles-to-remote-work/
  23. https://www.telerik.com/kendo-react-ui/react-best-practices-and-productivity-tips/
  24. https://www.chapter247.com/blog/hire-react-js-developer-for-app-development/
  25. https://facilethings.com/blog/en/6-rules-for-successfully-collaborating-with-a-remote-team
  26. https://medium.com/@dmitrynozhenko/9-ways-to-implement-css-in-react-js-ccea4d543aa3
  27. https://blog.hubspot.com/marketing/slack-alternatives
  28. https://www.chanty.com/
  29. https://www.microsoft.com/en-us/microsoft-teams/group-chat-software
  30. https://rocket.chat/
  31. https://kinsta.com/blog/slack-alternatives/#5-fleep
  32. https://fleep.io/
  33. https://www.forbes.com/sites/laurelfarrer/2020/02/12/top-5-benefits-of-remote-work-for-companies/?sh=5d11f99116c8
  34. https://www.forbes.com/sites/forbestechcouncil/2021/12/21/why-your-company-should-adopt-a-fully-remote-workforce/?sh=4fb1f1001220
  35. https://coderedirect.com/questions/519586/auto-config-firebase-sdk-in-react
  36. https://bridge24.com/blog/the-pros-and-cons-of-using-trello-software/
  37. https://comparecamp.com/trello-reviews-pricing-benefits-and-features-analysis/
  38. https://creately.com/blog/business/remote-project-management/
  39. https://resources.github.com/whitepapers/Best-practices-collaborative-software-development/
  40. https://www.perforce.com/blog/vcs/shared-code-at-scale
  41. https://softwareengineering.stackexchange.com/questions/193415/best-practices-for-sharing-tiny-snippets-of-code-across-projects
  42. https://webdesign.tutsplus.com/articles/real-time-code-collaboration-tools-for-developers--cms-30494
  43. https://codeshare.io/
  44. https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb
  45. https://about.gitlab.com/topics/version-control/software-team-collaboration/
  46. https://alite-international.com/8-best-react-practices-to-follow/
  47. https://www.tatvasoft.com/blog/reactjs-best-practices/
  48. https://www.scnsoft.com/blog/software-development-team
  49. https://www.atlassian.com/software/confluence/pricing
  50. https://bit.dev/
  51. https://www.pluralsight.com/blog/software-development/6-essential-skills-for-react-web-developers
  52. https://www.howtogeek.com/723144/how-to-copy-the-url-addresses-of-all-open-tabs-in-chrome/



Arun A

Process Associate

2 年

Hi Uplers. Is there any openings for freshers?

回复

要查看或添加评论,请登录

Uplers的更多文章

社区洞察

其他会员也浏览了