The goal of this application is to represent visually the services, processes, etc.
We wanted to create an open-source project, therefore, it was obvious to find an open-source tool. D3.js matches well. Also this project needed a straightforward setup process.
Finally there is a config system to have an agnostic application.
We decided to use React for the front-end and Go for the back-end.
We used react-create-app instead of setup the project ourselves. …
So you know the bases, you work with React, Vue, Angular, Node, VanillaJS … but sometimes you get stuck on your code and that’s frustrates you ?
You’ll find everything about algorithms and data-structure, it’s very complete, classed in two categories (Beginner/Advanced).
Of course, I advise you to start with the Beginner part.
There are informations about Big O notation and data structure operations / array sorting algorithms complexity.
Technological watch is good but can go a step further.
As a web developer, you have to be lazy. Every painful, repetitive task can be automated. Try doing a list to identify those repetitive tasks.
You don’t have a CLI in your project ? Create one. You can make a script that generates directories, files, specifically for your project.
If you are a Front-end Developer, try to use Node.js, make a little script or if you are interested in another language, it would be the opportunity to learn new things.
With platforms like Github, you can access to a large, free documentation. Be curious about how your modules work, especially the big ones. …
VuePress is static site generator made by creator of VueJS. Vue-apollo, Vue-test-utils, etc. use this tool for their documentation. We are going to see how we can use it to create a nice documentation and how we can deploy with Netlify.
Read my article on Netlify :
The code is here.
Let’s get started.
You need to add vuepress globally. Create a directory named tuto-vuepress. Go inside and create a README.md file.
# install globally
yarn global add vuepress # OR npm install -g vuepress➜ tuto-vuepress echo ‘# VuePress tuto’ > README.md
Create a directory named docs and put inside a directory named .vuepress. Then create inside a file named config.js. In this file we will add the name of the app, the routes, etc. …
If you are a Front-end Developer looking for a tool to deploy your website with a few configs and extras like Continuous Delivery, but Devops world scares you, I recommend you to use Netlify. You can keep a familiar platform like Github, with just two inputs to fill in the interface and you can quickly send your website in production. After you can go further and for instance choose to set environment variables, specially if your website back-end is in Node.js.
Logs are helpful. Don’t hesitate to read all of it before ask for help. For instance the first time I tried to deploy, I had an issue. I thought the logs wasn’t helpful because I saw one “Error” at the bottom but no precision about it. But by reading all the logs, I understood that it was about Yarn. …