Pablo Román Clares

GitHub action has a concurrency field, where you can stop the current workflow based on what ever condition you set up our goal was to cancel current progress, if a new flow got triggered concurrency: group: ${{ github.workflow }}-${{ github.ref }} cancel-in-progress: true

🌟 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐎𝐩𝐞𝐫𝐚𝐭𝐨𝐫𝐬: ?? 𝐯𝐬 || 🌟 At first glance, it might seem like you can interchange ?? (Nullish Coalescing Operator) and || (Logical OR) in JavaScript. However, they are fundamentally different in how they handle truthy and falsy values. 🚀 Falsy Values in JavaScript Falsy values become false in a Boolean context: 0 undefined null NaN false '' (empty string) Truthy Values Everything else! ✨ The Difference Explained || (Logical OR): Returns the first truthy value. If the first operand is falsy, it returns the second operand. javascript Copy code let x = 0 || "default"; // "default" Here, 0 is falsy, so "default" is returned. ?? (Nullish Coalescing): Returns the right-hand operand if the left-hand operand is null or undefined. It ignores other falsy values. javascript Copy code let x = 0 ?? "default"; // 0 Here, 0 is not null or undefined, so 0 is returned. Use Cases Use || when you want to provide a fallback for any falsy value. Use ?? when you only want to provide a fallback for null or undefined. Understanding this difference helps avoid bugs and ensures your code behaves as expected. 🧠💻 That's all for today! 🚀✨ #JSOperators #WebDev #JavaScript #Programming #Coding #TechTips #WebDevelopment #CodeNewbie #LearnToCode #Developer #JavaScriptTips #Tech #Frontend #CodingLife #Programmer #Code

Promises From The Ground Up https://buff.ly/4eeSgo4 There are a lot of speed bumps and potholes on the road to JavaScript proficiency. One of the biggest and most daunting is Promises.In order to understand Promises, we need a surprisingly deep understanding of how JavaScript works and what its limitations are. Without that context, Promises won’t really make much sense.Source: Promises From The Ground Up (https://buff.ly/3x7u8De)

Promises From The Ground Up https://buff.ly/4eeSgo4 There are a lot of speed bumps and potholes on the road to JavaScript proficiency. One of the biggest and most daunting is Promises.In order to understand Promises, we need a surprisingly deep understanding of how JavaScript works and what its limitations are. Without that context, Promises won’t really make much sense.Source: Promises From The Ground Up (https://buff.ly/3x7u8De)

Mean Stack Angular 6 Crud Application Tutorial https://lnkd.in/gQZjqEt #hacker #computer #programmerhumor #developers #pythonprogramming #cybersecurity #coders #android #developerlife #daysofcode #web #coderlife #dev #machinelearning #codingisfun #webdev #hackers #peoplewhocode #devlife #kalilinux #programmerrepublic #learntocode #datascience #artificialintelligence #geek #frontend #codingmemes #softwaredevelopment #programmingisfun #softwareengineering

Mean Stack Angular 6 Crud Application Tutorial https://lnkd.in/gQZjqEt #hacker #computer #programmerhumor #developers #pythonprogramming #cybersecurity #coders #android #developerlife #daysofcode #web #coderlife #dev #machinelearning #codingisfun #webdev #hackers #peoplewhocode #devlife #kalilinux #programmerrepublic #learntocode #datascience #artificialintelligence #geek #frontend #codingmemes #softwaredevelopment #programmingisfun #softwareengineering

Mean Stack Angular 6 Crud Application Tutorial https://lnkd.in/gQZjqEt #hacker #computer #programmerhumor #developers #pythonprogramming #cybersecurity #coders #android #developerlife #daysofcode #web #coderlife #dev #machinelearning #codingisfun #webdev #hackers #peoplewhocode #devlife #kalilinux #programmerrepublic #learntocode #datascience #artificialintelligence #geek #frontend #codingmemes #softwaredevelopment #programmingisfun #softwareengineering

Mean Stack Angular 6 Crud Application Tutorial https://lnkd.in/gQZjqEt #hacker #computer #programmerhumor #developers #pythonprogramming #cybersecurity #coders #android #developerlife #daysofcode #web #coderlife #dev #machinelearning #codingisfun #webdev #hackers #peoplewhocode #devlife #kalilinux #programmerrepublic #learntocode #datascience #artificialintelligence #geek #frontend #codingmemes #softwaredevelopment #programmingisfun #softwareengineering

𝐁𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐑𝐞𝐮𝐬𝐚𝐛𝐥𝐞 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬 𝐰𝐢𝐭𝐡 𝐕𝐮𝐞 𝟑 In modern web development, efficient use of components plays a key role in speeding up development and making code easy to maintain. Faced with code duplication and complexity of code maintenance, developers are actively looking for solutions to improve the process. In the context of Vue 3, creating over-utilized components becomes a key answer to these problems. 𝐁𝐞𝐧𝐞𝐟𝐢𝐭𝐬 𝐨𝐟 𝐜𝐫𝐞𝐚𝐭𝐢𝐧𝐠 𝐫𝐞𝐮𝐬𝐚𝐛𝐥𝐞 𝐜𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬 𝐢𝐧 𝐕𝐮𝐞 𝟑: - Reducing code duplication: Reusing components reduces the amount of repetitive code. - Increased code readability: Using components makes code more structured and understandable. - Ease of maintenance: Reusable components make it easy to make changes and updates to the application. - Improved performance: Reusing components speeds up the development of new features and bug fixes. 𝐔𝐬𝐞 𝐜𝐚𝐬𝐞𝐬 𝐨𝐟 𝐫𝐞𝐮𝐬𝐞𝐝 𝐜𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬: - Data entry forms. - Product or article cards. - Modal windows to display notifications or alerts. - Navigation elements such as menus and panels. 𝐂𝐨𝐧𝐜𝐥𝐮𝐬𝐢𝐨𝐧 Creating reusable components in Vue 3 is a necessary step to improve your development process, reduce code duplication, and make your code more maintainable. In addition, Vue 3 provides a convenient API for working with props and slots, which makes components more flexible and adaptive. Developers can pass data into components via props and use slots to dynamically substitute content, allowing them to create components that can be easily customized and reused in different projects.