A dynamic and results-driven Frontend Engineer with a passion for web development and extensive experience in designing high-performance, interactive applications. Adept at crafting scalable, responsive, and efficient solutions using modern frameworks like React, Redux, and Django, with expertise in real-time multi-user SPAs and performance optimization. A charismatic servant leader who fosters collaboration, empowers teams, and values craftsmanship, SOLID principles, and CLEAN architecture.
A lifelong learner with a relentless drive for innovation, continually pushing the boundaries of frontend engineering to create immersive, user-centric digital experiences. Skilled in mentoring, cultivating world-class culture, and delivering impactful technical solutions that meet business and client needs. Dedicated to minimizing technical debt, maximizing scalability and performance, and building meaningful relationships that add value across all levels of an organization.
| 🎁 Projects | 🔗 Links | ⭐ Stars | 📚 Forks | 🛎 Issues | 📬 Pull requests |
| astralpoet | Astral Poet |  |
 |
 |
 |
| resurrection | resurrection |  |
 |
 |
 |
| pwa-store | Pwa Store |  |
 |
 |
 |
| pwa-store-backend | Pwa Store Admin |  |
 |
 |
 |
| llexicon | Astral Tree |  |
 |
 |
 |
| llexicon-db | Astral Tree Django Admin |  |
 |
 |
 |
| react-craftsmanship | React Form Memoziation |  |
 |
 |
 |
| store-ui | PWA Store |  |
 |
 |
 |
- If you want to use the useEffect hook only after the component mounts, use these custom hooks!
- If you want a helper function that omits elements from arrays or keys from objects check this out!
- Great CSS shorthand!
- If you want to mimic a React.Component's this.setState API using hooks, try out my useSetStateReducer hook.
- Which Redux implementation do you like the most and why?
- Did you know you can use the useReducer hook instead of the useState hook if you are encapsulating a state object? You will actually use less code!
- If you want to add state to your component that persists across renders and can trigger a re-render when it’s updated, go with useState or useReducer. If you want to add state to your component that persists across renders but doesn’t trigger a re-render when it’s updated, go with useRef
- If you want your useEffect hook to not be used on the initial mount of your component do this:
- If you want to combine the work done by the .filter and .map methods than use the .reduce method like this:
- Visualize The Power Of Redux and Memoization In React
