cmdv / cycle-webpack-boilerplate Goto Github PK
View Code? Open in Web Editor NEWcycle webpack babel boilerplate
cycle webpack babel boilerplate
Sorry, i didn't know where to put these... So i've made this issue
What do you think about adding two more pages, so new people can have more examples to learn from?
I was thinking in there two examples:
I guess the todo app would be more for helping beginners learn rx/cycle... But the first one could be used to show how to add a driver with best practices
What do you think? :)
When a test throws an error , the stack trace is that of the webpacked tes.js file, how do we get testem to print the stack trace based on the source maps?
The runtime build.js works well with source maps .
hi, i'm a newbie, whats the stndard way to change the port number?
It has become apparent that the way I have set up this boilerplate with the router needs some attention so I'm going to be rebuilding it in new branch.
Please keep in mind though this currently works there might be drastic changes!
Right now I'm unable to pipe data around the app in a logical way.
Looking at the bulk of the Router here I've had great help from the Cycle community to get to a point where I'm passing data (Counter results) from my home-index and into my the route
component.
Where I'm now struggling is being able to subscribe to the CounterState
in another part of the app ie: page1
or navbar
My objective is to increment the counter on home
and a counter in navbar
updates at the same time. When you move to page1
the counter there would reflect the number in the navbar
& home
.
Any help towards this goal would be greatly appreciated.
I understand that with the upcoming release of Cycle isolated
I would be able to just create a single isolated component and put it in different places in the app, but my intention is to try pipe the data through the app as I think this would be more declarative in the long run. Think of situations when you want to build a new page have some of the data shared from another part of the app but you'd also like to adjust that data into a new form.
Using isolate components to pass data around the app is also a bad idea because if you have multiple isolated components then this could be seen as keeping lots of local states.
if you feel the need for a challenge then please send a PR ๐
Very nice and small boilerplate. Exactly what I was looking for to get started with cyclyjs.
One small comment: There's probably no need to load bundle.js as stylesheet.
https://github.com/Cmdv/cycle-webpack-boilerplate/blob/master/index.html#L6
<link rel="stylesheet" href="/build/bundle.js">
While finishing up the browserify boilerplate I am adding the Cycle.js specific linting.
If you want you can add it as well by just doing npm i eslint-config-cycle babel-eslint
, adding a .eslintrc
, with:
{
"extends": "eslint-config-cycle",
"parser": "babel-eslint"
}
And now you can lint your code Cycle-style!
running npm start , and then npm test
launches testem but the tests do not run
as far as I can see webpack does not generate the test file
I've noticed the 404 redirection only happen when the string is actual extension of page1
or page2
, which mean 404 redirection triggered when you write the url ../page1xx
but writing e.g ../page
will redirect to index.html. Possible bug in @cycle/history. Are you aware of this @Cmdv ?
We are looking at converting this to use JSX - I have got that working elsewhere in another project.... struggling to achieve the same thing here. How can I for example just amend the Page1 view js file??
@Cmdv do you have any requirements, preferences on how to tackle this?
Otherwise I'd just go ahead and make a proposal after taking a closer look at your code.
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.