Whether you’re developing front-ends in Angular, React or Vue, you need to follow a few simple rules to make it shine. More importantly, if there are no such rules, you’ll create a monster which will be a nightmare to maintain and scale.
Here are the top five rules we follow at Mantrax.
✅ Do not over-engineer anything. Break down complex components into smaller, focused sub-components.
✅ Front-end components should be “dumb” – no complex business logic to be ever handled by front-end components. UI components must be stateless and presentation-only.
✅ Share responsibly. Components which are shared, should only carry out rudimentary tasks. For example, a table can be a shared component with data type configuration for each column, but a data entry form should not be a shared component due to the degree of freedom it might offer.
✅ Speed is important. A good design today is better than a perfect design tomorrow
✅ All wireframes must be intuitive and self-explanatory. Consistent layout, clear call-to-actions and design continuity must be there.
The following by Vincent van Gogh summarizes front-end development in our opinion:
“Great things are not done by impulse, but by a series of small things brought together.“
If you found this article valuable, why not subscribe to our newsletter? You can unsubscribe anytime, but we’re confident you’ll love the insights we share!
—
