Atomic Design

JavaScript Israel
JavaScript Israel
Public group
Location image of event venue

Details

* Distributed Teams
* Building UI Kit With React Native Web
* Design System
* CSS Storytelling Architecture

~~~~~~~~~~~~~
PLEASE UPDATE YOUR RSVP IF YOU CAN'T COME!!
~~~~~~~~~~~~~

SCHEDULE
18:00 - 18:30- Mix and mingle
~
18:50 - 19:20- CSS Storytelling Architecture - Elad Shechter
~
19:25 - 19:40- How I Learned to Stop Worrying and Love Distributed Teams - Guy Kedem
~
19:45 - 20:15- Build Once Render Everywhere - Building UI Kit With React Native Web - Barak Drechsler
~
20:15 - 20:25- Congrats! It's a Design System! - Ofer Vugman
~
20:25 - Raffle of Free Licenses! 3 Webstorm, 2 Wallaby.js and 2 Quokka.js

*** All lectures are in hebrew, unless stated otherwise ***

~~~~~~~~~~~~~~~~~~

CSS Storytelling Architecture (Elad Shechter)

In the web web there are 2 types of architecture. The first type architecture is based style architecture, which means that the architecture is build on the given named of those style and the basic structure of the HTML.

the second type of architecture, is a story telling architecture. This kind, build on the story of the ideas of our website, given the CSS class names by the meaning of the content, from basic structure to more complex and even structures that are absolute independent entities.

~~
Elad Shechter, 14 Years developer, CSS/HTML Tech Lead, (Search Elad Shechter CSS in YouTube :-))

~~~~~~~~~~~~~

How I Learned to Stop Worrying and Love Distributed Teams (Guy Kedem)

The Idea of an onion / layered / CLEAN architecture isn't often associated with component libraries. We'll see how Atomic Design inspired component layers can improve development speed, readability and allow for easier coordination of distributed teams. We'll suggest a distributed workflow with automatic layers enforcement. If time allows, we might discuss how related ideas like state machines and cqrs might play along with component layers in the FrontEnd.

~~
Guy Kedem, an architecture consultant.

~~~~~~~~~~~~~

Build Once Render Everywhere - Building UI Kit With React Native Web (Barak Drechsler)

Build once run everywhere is a long-time promise dwelling the Software development realms.
React native gave us the ability to build mobile applications easily but react native web finally got us back to the shores of build once render everywhere.
This is the tale of our journey at Venn trying to build a cross-platform UI library using atomic design principles, Storybook, and betting on react native web along the way.
Hopefully, after this lecture you'll be able to follow our footsteps, or choose another path, in the quest for the holy (UI) grail.

~~
Barak Drechsler, a JS zealot, a Team Leader at Venn, and enthusiast about the web since six-grade when he created his first website.

~~~~~~~~~~~~~

Congrats! It's a Design System! (Ofer Vugman)

We'll talk about why we decided we need a DS, the importance of making your DS flexible and the different tools and patterns used to ensure that.
Plus, how the DS affects our day to day dev work and helps us improve our workflow.

~~
Ofer Vugman, 10 years of dev. experience (both backend and frontend), Frontend Architect at Lemonade Inc.

~~~~~~~~~~~~~

OUR SPONSORS

Big thanks to Cloudinary!
With their help, we can record a video of the sessions.

See ya soon :)