The latest articles on DEV Community by Tray Northern (@tnorthern). https://dev.to/tnorthern https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F808971%2Fe971d50f-bb63-49de-b338-d062dce6b8a3.jpeg https://dev.to/tnorthern en Tray Northern Fri, 12 Aug 2022 03:46:00 +0000 https://dev.to/tnorthern/is-vue-js-in-demand-18a8 https://dev.to/tnorthern/is-vue-js-in-demand-18a8 <p>If you're a web developer, you're likely always looking for new and upcoming technologies to learn. You may be wondering if Vue.js is worth learning. In this blog post, we'll discuss some key reasons why Vue.js is in high demand. We'll also explore some pros and cons of working with this technology. So, if you're on the fence about whether or not to learn Vue.js, read on! You may just change your mind.</p> <p><strong>1. What is Vue js?</strong></p> <p>Vue.js is a JavaScript framework for building user interfaces. It was created by Evan You and is now maintained by him. Vue.js has gained popularity in recent years due to its ease of use and flexibility. It allows you to build simple or complex user interfaces with little effort and is thus in high demand right now.</p> <p><strong>2. Why is Vue js in demand</strong></p> <p>Vue.js is in high demand right now because it is easy to use and flexible. It allows you to build simple or complex user interfaces with little effort, which makes it a popular choice for web developers. Vue.js is also very stable and has been used in production for many years. This makes it a wise choice for your next project!</p> <p><strong>3. How to learn Vue js</strong></p> <p>If you're looking to learn Vue.js, there are a few different options available to you. You can find plenty of tutorials online, or you could take a course at a local community college or online. Another option is to find a mentor who can help you learn the ropes. Whichever route you choose, be sure to practice, practice, practice! The more you use Vue.js, the better you'll become.</p> <p><strong>4. What are the benefits of learning Vue js</strong></p> <p>The benefits of learning Vue js are many and varied. For one, Vue js is very easy to learn, making it a great choice for beginners. It is also very stable and has been used in production for many years. This makes it a wise choice for your next project! Vue js is also very flexible and allows you to build simple or complex user interfaces with little effort. Finally, Vue js is popular right now due to its ease of use and flexibility, so learning this framework could give you an edge in the job market. So what are you waiting for? Start learning Vue js today!</p> <p><strong>5. How to start using Vue js in your project</strong></p> <p>If you're looking to start using Vue.js in your project, there are a few different options available to you. You can find plenty of tutorials online, or you could take a course at a local community college or online. Another option is to find a mentor who can help you learn the ropes. Whichever route you choose, be sure to practice, practice, practice! The more you use Vue.js, the better you'll become.</p> <p>Once you've learned the basics, it's time to start using Vue.js in your project! The first step is to download the framework and include it in your HTML file. You can also install Vue.js as a Node module using npm. Once you have Vue.js set up, it's time to start coding! There are many different ways to use Vue.js in your project, so experiment and find what works best for you.</p> <p>Vue.js is an excellent choice for your next project! With its ease of use and flexibility, you can't go wrong with this framework. So what are you waiting for? Start learning Vue.js today!</p> <ol> <li>Pros and cons of using Vue js</li> </ol> <p>The pros of using Vue js are many and varied. For one, Vue js is very easy to learn, making it a great choice for beginners. It is also very stable and has been used in production for many years. This makes it a wise choice for your next project! Vue js is also very flexible and allows you to build simple or complex user interfaces with little effort. Finally, Vue js is popular right now due to its ease of use and flexibility, so learning this framework could give you an edge in the job market.</p> <p>The cons of using Vue js are few and far between. However, one possible downside is that Vue js may not be as popular as some of the other frameworks out there. Another potential downside is that Vue js may not be suitable for more complex applications. However, with its ease of use and flexibility, most developers should have no trouble using Vue js for their projects.</p> <p>So what are you waiting for? Start learning Vue.js today!</p> <ul> <li>Vue js is very easy to learn, making it a great choice for beginners.</li> <li>Vue js is very stable and has been used in production for many years.</li> <li>Vue js is very flexible and allows you to build simple or complex user interfaces with little effort.</li> <li>Vue js may not be as popular as some of the other frameworks out there.</li> <li>Vue js may not be suitable for more complex applications.</li> <li>Vue js is popular right now due to its ease of use and flexibility, so learning this framework could give you an edge in the job market.</li> </ul> <p>So, is Vue js in demand? Judging by job postings and the reaction from developers online, it would seem that this JavaScript framework will only become more popular. If you want to learn this technology, now is a great time — head to the website and try out Vue js for yourself!</p> <p>View my website built in Vue js: <a href="https://limelightdigitalagency.com">https://limelightdigitalagency.com</a></p> vue javascript react Tray Northern Thu, 03 Feb 2022 22:08:32 +0000 https://dev.to/tnorthern/how-to-fix-the-error-in-data-typeerror-cannot-read-properties-of-null-reading-config-vue2-composition-api-warning-1ljf https://dev.to/tnorthern/how-to-fix-the-error-in-data-typeerror-cannot-read-properties-of-null-reading-config-vue2-composition-api-warning-1ljf <p>If you've been using the @vue/composition-api plugin to add composable scripts to develop your Vue2 packages, I'm sure you've ran into this warning when using your library.<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ycJBscc2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhg3uk7shon9omts5xcf.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ycJBscc2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhg3uk7shon9omts5xcf.png" alt="Image description" width="880" height="308"></a></p> <h2> So.. What's the deal? </h2> <p>Well, chances are, your libraries' <code>package.json</code> contains the @vue/composition-api.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> "dependencies": { "@vue/composition-api": "^1.4.5" }, </code></pre> </div> <p>If the consuming application also contains this dependency, you will have run into this error as Vue can't decide what the <code>@vue/composition-api</code> is since there's 2 different versions installed.</p> <h2> So what's the fix? </h2> <p>There's multiple ways to fix this. </p> <p>If you are bundling your package with <code>rollup</code>, in your <code>rollup.config.js</code> or <code>rollup.config.ts</code>, add it as an <code>external</code> so that rollup doesn't bundle it, e.g.:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>{ input: 'src/yourinputfile.js', external: ['vue', '@vue/composition-api'], plugins [...] } </code></pre> </div> <p><strong>Another option is to add @vue/composition-api as a dev dependency in your library</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>"devDependencies": { "@vue/composition-api": "^1.4.5" }, "peerDependencies": { "@vue/composition-api": "^1.4.5" // if you have specific features from newer versions, you can use a peer dependency to tell the consuming app to use this version } </code></pre> </div> <p><strong>That's it!</strong></p> <p>For more such insights, checkout my blog website <a href="https://trayvonnorthern.com/blog">https://trayvonnorthern.com</a></p> vue javascript compositionapi