Goldmund presents a
React Atomic Design Workshop
Create a scalable architecture of reusable components,
with a seperation of business and presentional logic
Create a scalable architecture of reusable components,
with a seperation of business and presentional logic
The main focus is the introduction of Atomic Design, Design systems and applying that same level of thought to data, state and business logic.
The workshop is tailored for people getting into ReactJS, looking to adopt and build internal design systems or want to create central codebases to be used across-team and across-project.
Taking inspiration from nature, Atomic Design is the practice of creating small, isolated and specific purpose built building blocks that can be combined together to make larger and more complex and reusable structures with-in your project.
In this workshop we will use go over creating Elements, Compositions, Modules, Sections and Page Templates in a scalable way that accelerates development and manages maintenance costs.
Too often the line can blur of where specific logic should live, over time this can lead to technical debt in the form of spaghetti code, which makes building and iterating upon features and existing code difficult and costly.
In this workshop we'll be going over how to create a nice separation between business and presentation logic, allowing for easier and faster iterations on the codebase, without also falling into the traps and pitfalls of solely relying on a central state management tool.
A step further from separation of concerns, is to begin thinking about data (which is typically static and passively consumed) and state (user interaction and mutable) as two separate things.
We'll take a closer look at how we can begin separating those concerns away to reduce state bloat and over-complicating the internal processes of the application.
Storybook provides a great environment to write code in isolation, without needing a backend or similar external dependencies. It also services as a nice platform to present and document the component in a live and interactable environment.
We'll be diving into a storybook driven workflow to make getting stakeholder feedback in the development process faster and smoother.
As well as being able to more easily and quickly dive into the same codebase with your team without needing to wait on each other.
A lot of applications and websites can be simplified by making the back-end the single source of truth, it can provide an instruction set to the front-end to tell it what to render, what happens during user actions and how to handle validation.
In this workshop we'll dive into the practice of data generated UI, allowing you to reduce front-end complexity and duplication of business concerns.
Atomic design practices do not just solve everything without having their own pitfalls or needed optimisations.
Lastly we'll go over all the pitfalls and considerations regarding all the material shown in this workshop, so you can make informed decisions of what makes best sense for your projects and teams internally.
"An informal atmosphere that was pleasant and inviting to participate, the substantive explanation was clear and easy to follow and the discussions in between were also useful and kept the course from becoming a long lecture.
The code alongs were very useful, because the condensed material and theory was immediately converted into practice."
Please reach out to us for group and student discounts.
Schedule may adjust slightly depending if more or less time is needed per topic.
UI and UX Designer with 15+ years of experience and front-end developer with 8+ years of experience.
In that time i’ve had the pleasure to work with Start-ups, Scale-ups, Corporations and both Local and National Govermental projects.
I apply a lot of my knowledge from those experiences into a condensed workshop package that hopefully allows you to think critically on the next steps for you and your projects.
