Creating reusable Atomic Elements using WordPress and the Lean Theme

Frontend

By Francisco Giraldo

Increase the productivity of your app development phase by creating highly reusable front-end components using atomic elements.

INTRODUCTION

This is a continuation of our previous post Understanding Atomic Design Approach where we learned what is the Atomic Design methodology. In this article we will focus on the practical side of the development phase.

Developers know very well the advantages of using a modular approach for coding their websites and apps. Some of those advantages are:

• Code reusability
• Smaller development time on the long run
• Smaller source code (JS and CSS)
• Better structured code
• Code easier to maintain

Creating modules is an easy task but creating highly reusable modules is not that easy, it…