Comments (9)
The Vugu getting started tutorial is definitely helpful, but I think the more resources there are for a library/framework, the better. Someone who is intentional about giving vugu a try will read the docs and try to make something on their own, but I think guided tutorials appeal to a much broader audience. Anyway, Iโll get started and let you know how it goes. It may be a little bit before Iโve got it written and published, but Iโll keep you updated.
from vugu.
First tutorial: https://screamingtaco.github.io/post/2019-08-26-vugu-tutorial-prt1/
Iโll be seeing about cross posting to medium soon, but I canโt make any guarantees.
from vugu.
Thanks very much for this - and overall yes, absolutely. My concern is that there are still some important things to stabilize about the project before getting too deeply into detailed benchmarks, tutorials, etc.
One thing that would be useful is some sort of initial attempt at a "kitchen sink" app. As yet, Vugu doesn't have any sort UI library support (i.e. Vue has things like Vuetify as a framework of components - that doesn't exist yet for Vugu, it's too early). But using something like either Bootstrap or MDL someone could try to build some forms and just generally use various UI components and see how it works out. I can guarantee at this stage that there will be un-figured-out, strange and buggy things that come up - but that's the point, with more real examples laid out on the table (so to speak) it will provide much needed experience to figure out the various loose ends.
If you want to take that on, by all means - let me know and we can chat about some of the trade offs and ideas of to approach it.
from vugu.
Yeah Iโd be interested in helping with that. I figure since Iโm still learning vugu myself, I could start by doing shorter tutorials on smaller components, post them on my blog and medium, and then show how to make a more complete project once Iโm capable of doing so.
What would you consider a good starting point for the tutorials? Iโm not super experienced with frontend stuff, but I was thinking on maybe finding a beginner vue tutorial and making the vugu equivalent. EDIT: maybe something like this.
Also, have you considered starting a vugu subreddit?
from vugu.
Cool, yeah that could work. Although that's essentially what I was going for with the vugu site - https://www.vugu.org/doc/start is basically a small tutorial. I'm curious what you run into when you try that (if you haven't already)? Maybe that experience can help guide it and give ideas about what's needed.
Making a vugu subreddit is definitely an idea. I don't think I personally have the bandwidth to be on there very much answering people's questions at the moment. I am on Slack however - https://invite.slack.golangbridge.org/, #vugu
channel.
from vugu.
Cool, makes sense. Yeah, definitely hit me with whatever questions, etc. as you go.
from vugu.
Thanks @ScreamingTaco, this is great!
Some of the things you got tripped up on (e.g. Root vs RootData and where to put your methods), will be changing as soon as I can merge in the component-refactor branch - and I'll update the docs for that too. It might be worth doing a new updated version of this article once that is available.
I'll hit you up on slack for further discussion.
from vugu.
Sounds good ๐
EDIT: actually, would it be alright if we kept the discussion on github?
from vugu.
No problem ๐. This was the message from Slack:
Thanks for the tutorial post! https://screamingtaco.github.io/post/2019-08-26-vugu-tutorial-prt1/ Some of the key things that you ran into are addressed on the component-refactor branch, which I hope to be able to merge into master next week. (Things like instead of having Root and RootData - each component will just be one struct. And when you get an event relevant DOM data will be readily available on the DOMEvent struct, without having to do syscall/js calls.)
from vugu.
Related Issues (20)
- Using javascript libaries with Vugu HOT 8
- wiring example not working HOT 1
- Consider using GCSS for CSS preprocessing HOT 1
- Panic: index out of range HOT 2
- This fixes the example in examples/fetch-and-display HOT 1
- MDL latest now is updated after many years neglect HOT 2
- Short form of vg-comp tag stops rendering the parent component
- Render server side and client side HOT 3
- webpack loader support and mixed with vue or react HOT 1
- Abandoned? HOT 9
- The Rendered lifecycle of the subcomponent has not been called HOT 1
- Getting Vugu to v1.0 and into production HOT 19
- TailwindCSS and Vugu HOT 2
- Produce a full production example
- State of vgforms package - do we need this for v1.0? HOT 1
- Request for a volunteer: TinyGo support for v1.0 (or shortly after) HOT 2
- Is the library alive? HOT 1
- Vugu v1.0 ToDo List
- Feedback Request: Do you use the generated `main_was.go`? HOT 3
- js Set can not set Function HOT 9
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 vugu.