one-nexus / synergy Goto Github PK
View Code? Open in Web Editor NEWSynergy is a framework for building modular, configurable and scalable UI components for React-DOM projects
License: MIT License
Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects
License: MIT License
Add a bower.json and submit the package to bower.io for use as a dependency in other projects.
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.
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.
ZenHub adds a series of enhancements directly inside the GitHub UI:
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';
}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.