I started playing with Formik [https://formik.org] - a very powerful lib to work with forms in React. It's fairly easy to use, has good documentation, and I found the Tutorial [https://formik.org/docs/tutorial]quite instructive. But for some odd reason, I couldn't see its CodeSandBox examples

Today I studied TypeScript Decorators [https://www.typescriptlang.org/docs/handbook/decorators.html]. It's a powerful feature but, in some examples, a little difficult to understand at first glance. Nonetheless, I'm advancing with bravery and caution. 😁 On the CSS side, I learned more about flow layout, margin collapse rules, and

I practiced a little of front-end development. I'm currently building a simple "sign up form" and I have to make a client-side validation of it. I already knew about the browser's built-in validation (using properties like 'required' on inputs) but I didn't know that they have a proper API to

Today I finished another Frontend Mentor Challenge. 💪 It was built with static HTML + CSS: grid and flexbox; css variables, media query and etc - fairly basic stuff. And I used CodeSandbox for my environment. I'm planning to use SASS in my next "basic" project (and Stitches [https://stitches.dev] on

A few days ago I changed the CSS of my Tip Calculator [https://arthurvmdantas.work/journal/journal-2021-08-31/] [1 [https://arthurvmdantas.work/journal/journal-2021-08-31/]] to use BEM [https://en.bem.info/methodology/] [2 [https://en.bem.info/methodology/]]; it's now a little more organized and easy to understand the code semantics.

Today is a good day: I've finished my second Frontend Mentor challenge! ✌️ You can see my solution here.

I continued working on a front end exercise [1] [https://www.frontendmentor.io/challenges/tip-calculator-app-ugJNGbJUX] and learned some things about CSS: * You can style the outline of elements [2] [https://www.w3schools.com/css/css_outline.asp] (in my case, I used it to style text inputs); * It's pretty easy

Today I have worked on my current frontend challenge. I had some difficulty adding an image as a background in React. In my case, the image was inside the src folder. This is quite simple, actually, and this article [1] [https://www.freecodecamp.org/news/react-background-image-tutorial-how-to-set-backgroundimage-with-inline-css-style/] helped me on this