one-nexus / synergy Goto Github PK

Add a bower.json and submit the package to bower.io for use as a dependency in other projects.

There are currently no custom @error or @warn messages to assist the user. This story is to go through all code and add basic messages where required - no need to be too defensive.

Allow any CSS properties and values to be passed to a module when calling it

Currently it is not possible to customize the glue to chain modules with components (e.g. module_component) or modifiers (e.g. module-modifier).

This story is to allow the glue to be customized to allow the user to e.g. replicate exact BEM syntax.

Issue #10 allows custom CSS to be passed when including a module, but if the default modifier glue is used ('-') then vendor prefixed properties cannot be passed as Synergy will think it is a modifier (as they also begin with '-')

Hola! @esr360 has created a ZenHub account for the esr360 organization. ZenHub is the only project management tool integrated natively in GitHub – created specifically for fast-moving, software-driven teams.

How do I use ZenHub?

To get set up with ZenHub, all you have to do is download the browser extension and log in with your GitHub account. Once you do, you’ll get access to ZenHub’s complete feature-set immediately.

What can ZenHub do?

ZenHub adds a series of enhancements directly inside the GitHub UI:

• Real-time, customizable task boards for GitHub issues;
• Multi-Repository burndown charts, estimates, and velocity tracking based on GitHub Milestones;
• Personal to-do lists and task prioritization;
• Time-saving shortcuts – like a quick repo switcher, a “Move issue” button, and much more.

Add ZenHub to GitHub

Still curious? See more ZenHub features or read user reviews. This issue was written by your friendly ZenHub bot, posted by request from @esr360.

sQuery allows interacting with DOM elements directly with a friendly API - the issue however is when the DOM consequently becomes out-of-sync with React's state.

The issue can be seen in the following CodePen; upon the pen loading click the "accordion title 1" text: https://codepen.io/esr360/pen/WBqaKy?editors=0110, 5 seconds after loading, React will update a class on one of the Accordion elements from a container component (which can be considered a proverbial change to some global state) and update the text content of the accordion, thus re-rendering the accordion. This results in the panel closing, despite the user having opened it. This is because React did not know the panel was open because the active class was added directly through the DOM API.

Using React Hooks, the same behaviour can be achieved with an equally friendly API, as seen in the following CodePen: https://codepen.io/esr360/pen/gJNrKX?editors=0110, now when the same action is applied, the accordion remains open because the active class is added by React.

Several of the sQuery APIs (namely the get ones, as opposed to the set ones) will still be useful for Polymorph styling, but by removing the set APIs and instead encourage the use of Hooks, there is arguably less mental overhead for people already familiar with React paradigms, the bundle will be lighter, and there will be no issue of out-of-sync DOMs.

Components will need their repaint() method calling every time React updates the corresponding DOM element (this was previously handled by sQuerys set APIs).

Looks like a cool project, but curious as to why you have to use Ruby Sass instead of the faster Node-Sass?

@include module('header', $component: 'wrapper', $modifier: 'wide') {
    content: 'foo';
}

Should produce something like:

[class*="header_wrapper-"][class*="-wide"] {
    content: 'foo';
}