JS Dojo
medium.com/js-dojo · Group blog · on HN since 2016
JS Dojo is a Medium publication of tutorials and opinion on Vue.js, covering components, Vuex, directives and comparisons with React.
What HN saysCommenters link its posts to argue Vue can replace jQuery for simple cases and that Vue supports JSX, during talk of build tooling.
18HN people shared it
3linked it in comments
20stories submitted
158story points
6 years agolast shared
2016people per year2026
Most-shared posts
- 1React or Vue: Which JavaScript UI Library Should You Be Using?4 people · 11 points · first shared 2016 · 2 comments on HN
- 2Vue.js is easier to learn than jQuery2 people · 122 points · first shared 2016 · 47 comments on HN
- 34 Things Vue.js Got Right2 people · 2 points · first shared 2016 · discussion on HN
- 4Sharing Reusable Vue.js Components with Lerna, Storybook, and NPM1 people · 5 points · first shared 2019 · discussion on HN
- 5Building a Chatbot with Vue.js, ChatEngine, and Amazon Lex1 people · 4 points · first shared 2018 · discussion on HN
- 6Vuex for the Clueless – The Missing Primer on Vue’s Application Data Store1 people · 2 points · first shared 2016 · discussion on HN
- 7Creating Custom Directives in Vue.js1 people · 2 points · first shared 2019 · discussion on HN
- 8Using Vue, Vuex, vue router with laravel1 people · 2 points · first shared 2018 · discussion on HN
- 97 Ways to Define a Component Template in VueJS (2017)1 people · 2 points · first shared 2018 · discussion on HN
- 10What's next for online coding education?1 people · 1 points · first shared 2016 · discussion on HN
- 11Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS1 people · 1 points · first shared 2020 · discussion on HN
- 12Speed Up Development with Prototyping and Vue – Vue.js Developers – Medium1 people · 1 points · first shared 2019 · discussion on HN
- 13Vue CLI 3: A Game Changer for Front End Development – Vue.js Developers – Medium1 people · 1 points · first shared 2018 · discussion on HN
- 14What I Learned About VueJS from Building a Chrome Extension1 people · 1 points · first shared 2017 · discussion on HN
- 15Server-Side Rendering with Laravel and Vue.js 2.5 (2018)1 people · 1 points · first shared 2020 · discussion on HN
What HN people wrote when they linked it
baranovxyz · 2018-07-08
You can actually use Vuejs instead of jQuery for simple cases (you can't use React).
https://medium.com/js-dojo/vue-js-is-easier-to-learn-than-jquery-abbbb…
yunyu · 2017-08-19
Vue removed real two-way-binding in 2.0. The v-model you commonly see is just syntax sugar.
Also, here's the obligatory "Vue supports JSX" link: https://medium.com/js-dojo/using-jsx-with-vue-js-846f4fbbf07f
I personally feel that JSX feels a bit "unnatural" compared to Vue's DSL, but that's a matter of opinion. It's always good to have the option :)
guessmyname · 2018-06-02
I wouldn't mind a build tool if it didn't require a ton of JavaScript files (looking at you Babel.js).
Recently I had to start a new project and decided to use Go for the back-end and Vue.js for the front-end, but I was concerned about all the tooling that I would need to integrate just to power the front-end side of the website. More so considering that my employer's business has nothing to do with web development so all this overhead would be unjustifiable. I spent several days reading and trying to understand what every tool included by Babel.js was doing until I gave up after the +20th module. It felt like a nightmare to see the gigantic dependency tree inside the "node_modules" folder.
I felt relieved when I found that Vue.js Components don't need to be compiled [1].
I also found this article interesting [2] with information on different approaches.
This is what I ended up with (my own design):
/project/
├── docker-compose.yml
├── Dockerfile
├── README.md
├── backend
│ ├── about.go
│ ├── app.go
│ ├── home.go
│ ├── main.go
└── frontend
├── public
│ ├── app.min.js
│ ├── bootstrap.min.css
│ ├── favicon.ico
│ ├── about.min.js
│ ├── styles.min.css
│ ├── vue.min.js
│ └── vue-res.min.js
└── views
├── base.html.tpl
├── home.html.tpl
└── about.html.tpl
Where "app.min.js" contains the basic Vue.js options…