DEV Community: Rafael Lima

Get values from selected keys

Rafael Lima — Tue, 06 Oct 2020 18:27:25 +0000

Got text values corresponding to the selected keys, sent from the backend server through an object, by a GET request to the HTML form, using a Nunjucks tag.

server.get('/route/:id', (req, res) => {
    return res.render('page', { data })
})

{% if object.key == "value"  %} text value  {% endif %}

🏗 Project: https://github.com/rafaellimags/gym-manager

Creating users ID

Rafael Lima — Tue, 06 Oct 2020 01:54:53 +0000

Fix duplicated user IDs when adding a new one right before delete the last user.

❌Wasn't working like this

const id = Number(data.users.length + 1)

It happens that when you delete a user before the last, and create a new user, the new user gets the same id as the last. Making two users to have the same ID.

✔So i made it like this:

let id = 1
    const lastMember = data.users[data.users.length - 1]

    if (lastUser) {
        id = lastUser.id + 1
    }

Of course that is far from the best way to create unique user IDs, since we have node uniqid and other node packages. But it was made to be simple, just to get used with the language as i get better in logic and solve problems without an out of the box solution.

Fix path reference

Rafael Lima — Sat, 03 Oct 2020 20:48:10 +0000

It took me some minutes to realize the cause of the problem. The console showed Uncaught SyntaxError: Unexpected identifier at scripts.js:1. But the thing is nothing was wrong in scripts file. Even the line, 1 where the console was pointing the error to.

Going further inside the scripts file in browser's console, the only message was the error message from a if statement in case the data was not found. But that message was in another file.
After more or less 30 minutes, i found a dumb syntax error from where the scripts.jswas being called.

As i was using the express middleware to watch for static files in the public folder, i suppose the express was reaching to the the folder and expecting a path then, if there was one, of course.

🔧 How it was set up
server.use(express.static("public"))

💬 How file was called
<script src="./scripts.js"></script>

❌ The error
Uncaught SyntaxError: Unexpected identifier

At this point, the framework was trying to access the path this way: folder/public./scripts.js

✅ The solution
<script src="/scripts.js"></script>

💡 How should it be avoided?
Understanding more about file paths and how to use them in Linux

Simply remove the dot from the path that was avoiding express to get to the script file.

💭 Conclusion
When you are new, almost everything seems very complex and it is hard to deconstruct your thoughts to know where and how every piece of code connect with each other, wich prevents you from having a more analytical thinking.

🏗 The project: https://github.com/rafaellimags/gym-manager