Comments (7)
Okay. This is very good point. I thought using Storybook for Mantra apps. But, this is other way around and very interesting.
I think I kind a like it. Will work on it.
from storybook.
@sammkj Now we use Mantra.
More info here.
from storybook.
Yes it is.
I think we should thinking to rebrand Mantra as an architecture for React. Let's have a chat on the Mantra forum. (What I am planning to do in the early next week)
from storybook.
Storybook is gaining more and more attention. With mantra structure, other devs can work on new features (mantra module) and distribute it to npm. Then storybook users can just npm install react-storybook-[feature]
and boom! [feature]
is added. But normally features would require a layout change. For example, adding a resizer would certainly change the layout. I'm not sure how we can approach this smoothly.
from storybook.
Yes. I get it. That's really good.
from storybook.
Hope we can close this now.
from storybook.
I have some problems with @storybook/mantra-core
I have a meteor v1.6.1 app, with [email protected]. But I have a problem with the composeWithTracker function. This function have been taken off react-komposer@2, used by storybook, but is still declared in /dist/index. So, I have a question. How could I send data from my containers to my components? Need help please.
When I do this in my container with :
import {useDeps, composeWithTracker, composeAll} from '';
export const classeComposer = ({context}, onData) =>{
const {Meteor, FlowRouter, Collections,} = context();
if (Meteor.subscribe('classes.list').ready()){
const lesClasses = Collections.Classes.find({},
{fields: {_id:1, code:1, nbrePlaces:1},
sort: {code:1, nbrePlaces:1}}).fetch();
const nbreClasses = Collections.Classes.find({}).count();
onData(null, { lesClasses, nbreClasses});
}else{
onData();
}
};
export const classeMapper = (context, actions) => ({
addclasse: actions.classes.addclasse,
updateclasse: actions.classes.updateclasse,
deleteclasse: actions.classes.deleteclasse,
context: () => context
});
export default (component) => composeAll(
composeWithTracker(classeComposer),
useDeps(classeMapper)
)(component);
I have this error in my consol:
Uncaught (in promise) TypeError: composeWithTracker is not a function
at eval (/imports/modules/core/containers/Classes.js:88:21)
at Route._callee$ (http://localhost:4000/app/app.js?hash=9e577aa13e8896245acee791ed37df88948a09c2:381:32)
at tryCatch (http://localhost:4000/packages/modules.js?hash=5763c96b3eee7f2b55565963c705a396d19a512b:34210:40)
at Generator.invoke [as _invoke] (http://localhost:4000/packages/modules.js?hash=5763c96b3eee7f2b55565963c705a396d19a512b:34444:22)
at Generator.prototype.(anonymous function) [as next] (http://localhost:4000/packages/modules.js?hash=5763c96b3eee7f2b55565963c705a396d19a512b:34262:21)
at tryCatch (http://localhost:4000/packages/modules.js?hash=5763c96b3eee7f2b55565963c705a396d19a512b:34210:40)
at invoke (http://localhost:4000/packages/modules.js?hash=5763c96b3eee7f2b55565963c705a396d19a512b:34300:20)
at http://localhost:4000/packages/modules.js?hash=5763c96b3eee7f2b55565963c705a396d19a512b:34310:13
at http://localhost:4000/packages/meteor.js?hash=b0f12795c8cc1423b5850502871996903f947ed5:1167:22
at
Need help please.
from storybook.
Related Issues (20)
- [Bug]: Error in component stories using Drawer component in MUI HOT 8
- [Project SfC]: Create a server channel API to edit the args of a story or to create a new story
- [Project SfC]: Create a server channel API to create new story files triggered by the manager UI
- [Project SfC]: Provide a server channel API to get a list of files on the filesystem
- [Project SfC]: Create a toolbar to save arguments for existing or new stories
- While hitting tab key from the "skip to sidebar" button the keyboard focus is landing on the entire default page.
- [Bug]: Next JS addon shows errors using compiled .js instead of original .ts HOT 2
- Automigration for adding VTA on upgrade HOT 3
- Screen reader is not announcing the selection state of the "Violations"/"Passes"/"Incomplete" tab items in Accessibility Tab.
- Unable to use `Canvas` in doc-only MDX after upgrading to Storybook 8 HOT 3
- [Bug]: AutoDocs code view tags escaped and unusable HOT 1
- [Bug]: Could not resolve "@storybook/icons" - After installing @storybook/addon-a11y HOT 5
- [Bug]: (Angular) environment in build read as development
- [Bug]: Smoke Test broken on 8.0.5, works fine on 8.0.4
- [Bug]: not able to load HOC styled-components withTheme
- [Bug]: Module not found: Error: Package path ./dist/react-18 is not exported from package @storybook/react-dom-shim HOT 1
- Storybook 8: Using next/font/google when rendering storybook preview causes TypeError Cannot read properties of undefined (reading 'className')
- [Bug]: Unable to use esm postcss.config.js HOT 2
- [Bug]: Embedding story is not working in version 8
- [Bug]: Unable to Use Tailwind CSS classes Available Breakpoints in Storybook Components in a Remix Project HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from storybook.