143 Stories To Learn About Javascript

Let's learn about via these 143 free stories. They are ordered by most time reading created on HackerNoon. Visit the to find the most read stories about any technology. Javascript /Learn Repo "Not a real programming language" since 1995. 1. Copying text to clipboard with JavaScript In this article, I will be explaining in depth how the copyToClipboard snippet from 30 seconds of code works. You can find the source code for it and a ton of other useful methods in the project’s repository. 2. 21 Best Developer Portfolio Examples 21 Awesome DEV portfolios for your inspiration 3. A Practical solution for CORS (Cross-Origin Resource Sharing) issues in IONIC 3 and Cordova Summary: I provide a practical solution for solving CORS issue in WKWebView in Ionic and Cordova. The solution works both for iOS and Android. 4. 19 GitHub Repositories to Make you a 10x Developer Invaluable pointers about repositories on GitHub that offer immense value to developers that are at the early stages of their journey. 5. Enforcing a Single Web Socket Connection per User with Node.js, Socket.IO, and Redis (“A black-and-white shot of a person working with a MacBook on their lap” by Sergey Zolkin on Unsplash) 6. Using Core Node JS Modules in React Native Apps Here’s a problem you might run into while using React Native: Let’s say you want to use the crypto module to create some hashes. It might seem natural to do something like this: 7. Creating a Library of React Components using Create React App UPDATE: You can use the npm package create-component-lib to automate all the steps described in this blog post. 8. Replacing ‘componentWillReceiveProps’ with ‘getDerivedStateFromProps’ With the release of React 16.3, some new lifecycle methods have been introduced, and release of React 17 will deprecate some lifecycle method. 9. Iterating Over JavaScript Object Entries and their Performance - 5 Techniques This post includes 5 different ways for iterating over JavaScript Object entries and a performance comparison of those techniques. 10. API testing with Jest 11. The Best Whiteboard Interview Advice I Ever Received Whiteboard-style interviews are ubiquitous in the tech industry. For those who not had the pleasure, whiteboard interviewing is the practice of asking candidates to solve technical questions on a whiteboard, piece of paper, or computer during the interview. This kind of environment can feel like a pressure cooker and cause even the most competent engineer to fall apart. 12. "If You Have a Goal, You Can Reach it" Nominee Nominee Yan Tsishko Yan Tsishko is a chief software engineer at Oxagile. He believes Javascript/TypeScript is the most exciting technology & that frontend is the future of tech. 13. Building a Music Streaming App using React Native React Native is a framework for building native apps using React and Javascript. In this post, I’ll walk through the process of building a music streaming similar to Spotify. What’s really cool is that the exact same code is going to work for both iOS and Android, and the apps are going to be 100 % native (no WebViews or anything). 14. The Array Methods Coming to JavaScript in 2022 Javascript is introducing a few new array methods which let us simultaneously copy an array, rather than changing the original. Let's look at how they work. 15. A Guide on How to Build a Blockchain with Javascript Although JavaScript is now the most widely used programming language worldwide, it is not usually the first language picked for building a blockchain 16. Java Algorithms: Coding a Binary Tree Right Side View (LeetCode) In this article, you will learn how to code a Binary Tree Right side view in LeetCode. 17. How to Add Script Tags in React Adding a new script tag and directly appending it to the element of the page is the easiest way to add tags in the React app. 18. How to Build a Search Bar in React with React Hooks Below is a small gif of what we will be building. A simple search box that allows us search through a contact list. We would be using functional components rather than class based components to achieve this. 19. 6 Reasons Why JavaScript Async/Await Blows Promises Away (Tutorial) 👉 This article has been updated and republished, read the latest version here 20. We Built a Face and Mask Detection Web App for Google Chrome Face and mask detection in browser using TensorFlow.js, openCV.js. Investigate results with different implementations. 21. Inheritance vs Composition: Using a Role-Playing Game in JavaScript as an Example How to avoid inheritance problems using composition and functional programming 22. How to Update Object Key Values Using Javascript Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript. 23. Creating Extension Methods Using Typescript I really like C#'s extension method feature. I was trying to experiment it on Typescript with decorators. 24. RESTful API design with Node.js It’s a remarkable beast of a tool, Node.js. If you’re a beginner, aspiring coder, or IT student, it may be hard to wrap your head around it, but when you eventually get used to it, it’s eyeopening. This tutorial will walk you through the basics of API design, teaching you how to set up the backbone of a REST API and how to structure your code in a logical manner. 25. A common misconception about async/await in JavaScript (© https://www.twilio.com/blog/2015/10/asyncawait-the-hero-javascript-deserved.html) 26. The Best Practices for Front-End Development The Best Practices for Front-End Development 27. 5 Free JavaScript Spreadsheet Libraries in 2021 Spreadsheet libraries are in high demand today. Such solutions are convenient as they offer ready-made applications, save the developers' time and the owners' money. They can be used in any business domain to deal with big amounts of data. 28. React Pro Tip: Use Absolute Imports for Better Readability and Easy Refactoring ..unless you love typing dots and slashes 29. Structuring projects and naming components in React As React is just a lib, it doesn’t dictate rules about how you should organize and structure your projects. This is nice, because it gives us freedom to try different approaches and adapt the ones that better fit for us. On the other hand, this could cause some confusion for devs that are starting in React world. 30. 5 Best JavaScript Frameworks in 2017 JavaScript popularity continues its rising. In 2016 we’ve witnessed such great changes, as AngularJS entire upgrade and introduction of Angular 2, ultimate dominating of jQuery that is applied on 96.5% of all JS sites, evolution of ECMAScript, two updates of Node.js in April and October accordingly, React finest hours, and even more. What to expect from 2017? — Here’s what we know so far: Angular 4 is expected in March 2017, ES2017 edition is planned for mid-2017, Bootstrap v4 release should be anticipated this year as well. 31. A crash course on testing with Node.js JavaScript is a beautiful language. You must believe I’m crazy. Maybe you’re crazy for agreeing with me. But why would I say something like this? As a language, JavaScript gives you no support whatsoever. It bites your head off if you give it the slightest chance, and it has bizarre error messages if left unhandled. So you tell me, why is it beautiful? 32. Graceful shutdown in NodeJS In this article, I am going to show you how to do a graceful shutdown in NodeJS application, but first, let's describe what does “graceful shutdown” means and why we need to do that in our application and what are the benefits. 33. How To Take Screenshots In The Browser Using JavaScript Taking screenshots in-browser (or 'client-side') is all about tradeoffs - there's no perfect solution for every situation. Let's take a look at three different ways you can take screenshots, and then how you can use them by sending them to a server or letting the user download the image. 34. CromaApp: My First React Native App After 7 Years of Backend Development Well, I had done some javascript development(node.js) in the past but javascript has changed a lot after ES-6. TIll now my main focus has been backend development in java and ruby(RoR mainly). I am going to share my experience on writing my first react native app. 35. How I Relocated to the US and Found a Job at Roku This post and the creation of the telegram channel were motivated by the lack of detailed information about interviews for Front-End engineers in the USA. 36. Using Session Cookies Vs. JWT for Authentication HTTP is a stateless protocol and is used to transmit data. It enables the communication between the client side and the server side. It was originally established to build a connection between web browsers and web servers. 37. Top 9 Tips to Improve React Performance These 9 tips will help you improve the performance of your React code so that you can make the most out of your software and maximize what you are capable of. 38. Object-oriented Programming vs. Functional Programming: Which Is Better? Let’s dive in to learn about object-oriented programming and functional programming. What is object-oriented programming/OOP? What's functional programming/FP? 39. Magic of React Suspense with concurrent react and React.lazy API (Magical land of React Suspense, Concurrent React and React.lazy API) 40. A crash course on Serverless with Node.js Regardless of your developer background, it’s inevitable you’ve heard the term Serverless in the past year. The word has been buzzing around in my ears for longer than I dare say. For too long have I been putting off looking into it in more detail. Well here goes nothing. 41. 10 things I learned making the fastest site in the world This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished. 42. The 100% correct way to structure a React app (or why there’s no such thing) When it comes to structuring a React app, the ideal structure is the one that allows you to move around your code with the least amount of effort. 43. The 100% correct way to split your chunks with Webpack Working out the best way to serve up files to your users can be a tricky business. There’s so many different scenarios, different technologies, different terminology. 44. How to Use Bulma And VueJS Together Bulma is a free, open-source CSS framework based on Flexbox and used by more than 200,000 developers. It's the easiest to learn (my opinion) due to its natural naming of classes and a simple grid system. It's not that popular like Bootstrap, but it got a specific fanbase. 45. 3 Coding Interview Challenges for Mid-level React Developers React interviews can be challenging. There are several concepts in React. Most React interviews have coding challenges. 46. Preact vs. React: A Quick Comparison Should you choose React or Preact for software developments? It depends. Learn the difference between the JS libraries here. 47. How to Build a Simple Blog Using Node.js In this tutorial I’m going to show you how to create a simple blog using Node.js and Cosmic JS. This is going to be the fastest and most light-weight blog you have ever created. Let’s get started. 48. 5 Most Popular React UI Component Libraries According to Stack Overflow Developers Survey 2020, ReactJS was voted as the most loved and wanted Javascript web framework. 49. Using a React 16 Portal to do something cool React 16 is here, and one of the more interesting additions is ‘Portals’. 50. Effective Code Splitting in React: A Practical Guide Large bundle sizes and slow startup is a common problem faced by single-page applications (SPAs), since they typically download all the JavaScript required for every single page of the application right at the start, before rendering a single pixel. 51. Recording Audio in React Native In this tutorial, we are going to learn how to record and play audio to React Native apps. We are going to build a simple screen that supports features such as recording audio, playing audio files, pausing and resuming, as well as resetting audio streams. The final app will look like the image below. 52. Create an Alexa Radio Skill in 5 Minutes with Standard Library and Nodejs 53. Building React Forms with Formik, Yup, React-Bootstrap with a Minimal Amount of Pain and Suffering A few days ago I applied for a front-end dev job and heard back from the company. They followed up with an email and wanted me to complete a React coding challenge on HackerRank as part of the interview process. The test consisted of only two question and pertained to React. 54. Speed up your site with a little machine learning I spend roughly 73% of my life thinking about web performance — hitting that sweet 60FPS on slow phones, loading my assets in the perfect order, offline-caching everything I can. Other examples. 55. Use Sequelize ORM with Node JS Project What is Sequelize 56. 10 Data Table Libraries for JavaScript Tables are a useful tool for visualizing, organizing and processing data in JavaScript. To start using them, you need to download a free library or one for a reasonable price. Here is a list of 10 useful, functional, and reliable JS libraries that will help you work with tables. 57. Node.js VS JavaScript: Differences & Similarities Do you know that along with CSS and HTML, JavaScript is one of the 3 main things of the World Wide Web? It facilitates interactivity to the web app pages, therefore, it is extremely crucial for web applications. A majority of web applications use this tool and all the major web browsers have a dedicated JavaScript engine to execute this. 58. Why You Should Learn Several Programming Languages & Where to Learn Them We are living in an age of rapidly changing technology. With over 500 programming languages in use globally, it is a dynamic job market for developers. There are pros and cons of all the languages and their adoption is becoming more and more application-specific. 59. How to Build A Well Structured 3-tier Architecture (MERN Stack - ES6) [Step-by-Step Guide] This project serves as a guide/template for a 3-tier architecture. If you are entirely new to Web Development. I highly suggest you watch this video first. 60. You Might Not Need that Recursive Function in JavaScript Edit: I have been getting quite a bit of feedback interpreting this article to mean that recursive functions are bad and iterative methods are always better. This couldn’t be further from what I believe — This article simply aims to discuss iteration as an alternative tool! 61. How to Export HTML Tables into PDF Documents Using JavaScript Web apps that contain tables, charts, and graphs often include an option to export the data as a PDF. Have you ever wondered, as a user, what's going on under the hood when you click that button? 62. How to Compile Node.js Code Using Bytenode? In this post, I will show you how to “truly” compile Node.js (JavaScript) code to V8 Bytecode. This allows you to hide or protect your source code in a better way than obfuscation or other not-very-efficient tricks (like encrypting your code using a secret key, which will be embedded in your app binaries, that’s why I said “truly” above). 63. Java vs JavaScript: Everything You Need to Know Java vs JavaScript raises many questions. Are they the same? Is JavaScript an extended part of Java? Are they entirely different? Can I mix the code? Which one should I learn first? Which one is suitable for a startup web app? 64. Scale Your Microservices with an Easy Message Queue on Redis If you’re a microservices developer considering communication protocols, choosing an event-driven architecture might just help you rest a little easier at night. With the right design, event-driven architecture can help you to create apps that are decoupled and asynchronous, giving you the major benefits of your app being both performant and easily scalable. 65. How to Retrieve Player Stats from the NHL's undocumented REST API It's that time of year again. Summer is coming to an end, Autumn is around the corner, and the NHL season is about to begin. 66. What's The Right Way to Fetch Data in React Hooks? [A Deep Dive] The React Hooks docs has a FAQ entry: “How can I do data fetching with Hooks?” where they link to this well written and detailed article by Robin Wieruch. There is however a shortcoming in that approach which affects correctness is some important situations. 67. A Look Ahead to Programming Languages in 2020 Python and JavaScript are the two hottest programming languages today. However, they cannot remain on top forever. Eventually, they must fall out of favour, as all languages do. This is likely to happen within the next decade or so. 68. React forms with Formik and Unit Testing with react-testing-library Setup 69. How to Make a Silky Smooth Scroll in React Have you ever been working on a project and wanted to scroll smoothly through your app? 70. Part 2: How to stop me harvesting credit card numbers and passwords from your site I wrote a post recently describing how I distributed malicious code that gathers credit card numbers and passwords from thousands of sites in a way that’s quite difficult to detect. 71. Top 3 Coding Challenges for Expert-Level React Developers If you need to prove that you're a React Expert to any prospective employers, the following React concepts are likely to be tested by them and are worth knowing 72. The Top 66 Developer Resources From 2017 Update 2019: 73. A different way to manage state in React Imagine a React app that shows a list of tasks. 74. How to Build an Angular Image Feed In this tutorial I’m going to show you how to build a user-driven photo gallery, powered by Angular, hosted on the Cosmic JS App Server. 75. How To Implement Google Authenticator Two Factor Auth in JavaScript Google Authenticator is something that many of us use all the time but how many of us really understand how it works under the hood? 76. Create React Modal using reactjs-popup Nowadays, Modals are one of the most used components in React Application, having an easy way to create React Modals will help you sheep Modals related features fast in your upcoming React Applications. 77. Understanding SOLID Principles in JavaScript The invention of SOLID principles began in the late 80s. Robert C. Martin started to develop these principles while arguing the principle of software design on USENET (an early kind of Facebook). After addition and subtraction, Robert C. Martin formulated the principles in the early 2000s. It was until 2004 that the principles were arranged and called SOLID principles. It is an acronym that stands for five specific design principles. 78. Handling Loading Actions: The Proper Way in Redux TLDR; Don’t put UI logic into reducers instead put it into a separate reducer. 79. Setting up a Serverless Contact form in React — using Nodemailer and Express Having a contact form always works better than just displaying an email address on our website. A contact form gives our visitors an easy way to get in touch with us. 80. 15 HTML element methods you’ve potentially never heard of Note to self: write an intro that eases the reader into the article, rather than just jump right in. 81. The Ultimate List of 38 JavaScript Tools In January 2017 the Stack Overflow community has interviewed 64,000 software developers for the annual developer survey. While the results remain unchanged, JavaScript continues to be the most commonly used programming language for the 5th year in a row. 82. Distroless Containers: Hype or True Value? The goal 83. Introducing Immer: Immutability the easy way Immutable, structurally shared data structures are a great paradigm for storing state. Especially when combined with an event-sourcing architecture. However, there is a cost to pay. In a language like JavaScript where immutability is not built into the language, producing a new state from the previous one is a boring, boiler-platy task. To prove the point: The Redux-ecosystem-links page alone lists 67(!) packages to help you to deal with immutable data structures in Redux. 84. Create your React.js Address Autocomplete Component in 10 minutes ⏰ Hi guys, I want to introduce use-places-autocomplete. It's a React.js hook for Google Maps Places Autocomplete. With it you can build your own places autocomplete UI like the following demo easily! Hope you guys 👍🏻 it. 85. How I Create Websites: The Process of Web Development Many people, especially beginners, think that developing a website is purely about coding, but it’s not like that. There a lot of other things that you need to do if you wanna create at least a decent website. The part when you actually make a website with code or with WordPress or some other CMS is just a small part. 86. Integrate Bootstrap 4 and Font Awesome 5 in Rails 6 [A How To Guide] Rails 6 is out for few months now, I happen needed to do a project with it. But I found I can't use the same way to integrate Bootstrap 4 & Font Awesome 5 in Rails 5 in my new project. Because in Rails 6, it start to use "webpack" as default Javascript complier. 87. How to Build a QR Code Generator in React The idea behind creating a quick response (QR) code generator is to translate data from images to text. A QR code is simply the representation of image data as text, and it has a lot of useful applications from restaurant menus and concert tickets, to online calendar invites, payments, and the list goes on. 88. Learn To Code in 30 Days: My Personal Journey Learning how to code is something I’ve thought about doing for some time but always found an excuse for putting it off. Then the pandemic happened, flipping my schedule upside-down. If I was serious about wanting to learn, then this was the perfect opportunity. It was time for my next 30-day challenge. 89. Top 10 Javascript File Managers File management is a helpful tool in any business application. Here is an overview of the most functional, elegant, and popular JavaScript File Managers ready to be built into the client-server solution. Even if you do not have a direct need to work with files, you can borrow the classic file explorer interface for other tasks. For instance, there are some cases of the classic interface becoming the basis for a new web application in this article. 90. Creating Highly-Performant Animations using Web Animations API and React hooks Using Web Animations API (a.k.a WAAPI) in the React hook way. Let's create highly-performant, flexible and manipulable web animations in the modern world. Hope you guys 👍🏻 it! 91. Step by Step Guide to Create 3 Different Types of Loading Screens in React Here I will show you 3 ways to create cool loading screen or preloader in React. 92. [Launched] First Open Source Headless CMS Running on AWS Serverless To Cut Hosting Bill by 60%-80% So why you need another Headless CMS? For a change, with this one, you won't worry about scaling, installing, configuring and managing infrastructure. 93. Understanding Express.js: Creating Your Own Node HTTP Request Router (Do-It-Yourself: Node HTTP Router) 94. A simple pie chart in SVG Get it? Owl? Pie chart? 95. Migrating your Node.js REST API to Serverless I’ve dabbled a fair share in the dark arts of Serverless. Digging into the various pros and cons of not having dedicated servers, or instances you can call your own. Even if they technically are not. They’re just in some undisclosed server farm somewhere floating in the cloud. 96. These 6 essential tools will release, version, and maintain your NPM modules for you Learning how to implement them for your own projects will save you a ton of time! 97. The 4 Best Programming Languages to Learn in 2020 Technology has made our lives easier with several forms of implementation that are seen in different professional fields. As most individuals began to efficiently program computers, programming languages with powerful tendencies and functionalities were born. 98. Backend-in-the-frontend: a pattern for cleaner code This article is for all those times when the data you’re getting isn’t the data you’re wanting. 99. Top 10 Programming Languages To Learn in 2022 The craze for learning programming languages is very high. These days people have one question in their mind and that is which programming language should one prefer in 20201 and why? 100. Correct and Efficient Way to Use Vuex: Part I With this article, we begin a series of publications about Vue.js technology and try to make out the application development and all its components from different practical sides. In this part, we will tell you what the Vuex library is and analyze in detail such components as a store, state, getters, mutations, and actions. 101. A user encounters a JavaScript error. You’ll never guess what happens next!! One of the hardest things a developer must do is release their bug-riddled code out into the world, knowing they may never hear from those little critters ever again. 102. The Top 5 Programming languages Every Software Developer Should Learn I have read somewhere that a programmer should learn a new programming language every year ( I think it's code complete, not sure, though), but if you cannot do so, I suggest to at least learn following five programming language to do well in your career. 103. 16 JavaScript Protips [2020 Edition] When I began learning JavaScript, I made a list of every time-saving trick that I found in other people’s code, on code challenge websites, and anywhere other than the tutorials I was using. 104. Package Your React App with Spring Boot [A How-To Guide] A little backstory on how this started. My team needed to save some on money on the infrastructure we were requesting and since most of the load for the application we wanted to build would be on the client-side rather than the service side. We decided to see if we could combine a Spring Application with a React app and serve up a single war file. 105. How to use idb, a 1kb package that makes IndexedDB easy 106. My Top 13 JavaScript Diagram Libraries Nowadays, the amount of data grows exponentially, and the more information we see, the more painstaking and time-consuming it gets to analyze it. With the advent of big data, the business world faced the necessity to shift from traditional Excel spreadsheets to more effective ways of data visualization – colorful and interactive diagrams, charts, dashboards, maps. Thanks to modern data visualization tools, people can spend less time and effort on grasping difficult concepts or identifying new patterns, thus making a significant contribution to more effective decision making. 107. How We Implemented the Face-with-Mask Detection Web App for Chrome How we implemented face and mask detection in the browser using JavaScript, Web Workers, TensorFlow.js, OpenCV.js. 108. Share Code between React and React Native Apps Developers are adopting Higher Order Components (HOC) Stateless Functional Components, and for good reason: they make it easier to achieve code reuse, a coveted aspiration of developers. 109. Using RxJS to handle HTTP requests When I first started learning RxJS, I could instinctively see that observable streams offered all kinds of possibilities in solving many of the problems I encountered day to day in front end web application development. I’d already been using the flux architecture for a while, and had been blown away by the clarity of organisational structure and separation of concerns it brought to my web apps. I’d read that RxJS could do the same, and was keen to learn about how. The elegant handling of HTTP requests seemed like the obvious starting point for this learning journey. 110. What you don’t know about web development Fear not, this isn’t another mildly aggressive blog post telling you that you’re inferior; I’m not here to tell you what you don’t know about web development. 111. Implementing JavaScript Promise in 70 lines of code! Ever wondered how JavaScript Promise works internally? Obviously there is some native browser support involved, right? Nope! We can implement the Promise interface using pure JavaScript, examples are libraries like Bluebird or Q. And it’s much simpler than you may think, we can do so in only 70 lines of code! This will help with gaining a deeper insight into Promises by demystifying the underlying formation. Can also serve as a good interview question, if you are an evil employer (don’t be!). Let’s dig into it! 112. Top 10 JavaScript Charting Libraries for Every Data Visualization Need There're numerous JavaScript charting libraries. To make your life easier, I decided to share my picks. Check out the best JS libraries for creating web charts! 113. 7+ Best Courses to Learn Web Development for Beginners Hello all, if you are thinking to learn about Web Development or want to become a web developer then you have come to the right place. In this article, I am going to share some of the best online courses you can take to learn Web development in depth. 114. A guide to cross-browser testing: installing all the things So, you’ve written a website. Your carefully crafted HTML, CSS and JavaScript sits waiting to be sucked through the ether into the wild world of browsers. 115. The React Developer RoadMap An illustrated guide to becoming a Read JS Developer with links to relevant courses 116. Enforcing Code Quality for Node.js Using Linting, Formatting, and Unit Testing with Code Coverage to Enforce Quality Standards 117. You might not need if statements: a better approach to branching logic What a ridiculous title, of course you need if statements. 118. How I converted my React app to VanillaJS (and whether or not it was a terrible idea) This is a long and winding tale (with lots of code) of my attempts replicate JSX syntax, component structure, server-side rendering, and React’s update magic with VanillaJS. 119. Hands On Mobile API Security: Get Rid of Client Secrets Introduce an API Key Proxy to Improve Mobile Security 120. 19 things I learnt reading the NodeJSdocs I’d like to think I know Node pretty well. I haven’t written a web site that doesn’t use it for about 3 years now. But I’ve never actually sat down and read the docs. 121. Polyfills: everything you ever wanted to know, or maybe a bit less The browser world we live in today is pretty great. You can use promises and fetch and arrow functions and const and let — all the hip new gear — and it will work in every major browser. No polyfills, no transpiling, it will Just Work. 122. Building an Inventory Management App Using Vue.js and Laravel This article originally appeared on the Cosmic JS Blog. 123. JavaScript Practical Coding Challenges For Beginners Hello JavaScript code newbie! In this article I'm proposing you a series of coding challenges that will help you practice the basic language constructs and algorithms. 124. Building a Serverless REST API with Node.js and MongoDB The Serverless movement has gained a bit of momentum in the past few months. Everybody seems to be talking about it. Some would even call it a revolution! But, let’s not get too excited. Don’t be like me. I get too hyped up about cool stuff like this, and start writing articles. If this is all new to you, here’s a piece I wrote a while back, explaining the core concepts. 125. Conditional Rendering in React When we are developing a React application, we often need to show or hide an element given a certain condition. Be it a user interaction, the presence of data coming from a request, or even permission levels. This is called conditional rendering, and we’ll look at different approaches to handling those cases. 126. Build an Appointment Scheduler Using React, Twilio and Cosmic JS TL;DR 127. 110% Complete JWT Authentication with Django & React - 2020 ReactJS is a fantastic frontend framework, and Django is a fantastic backend framework. However, as usual when dealing with anything of more than trivial complexity, it isn’t easy to get the two to place nicely together. It's not like taping a banana to a wall. 128. How To Disable Javascript In Tor Do you need to know how to disable JavaScript in Tor? This would be easier you could imagine! 129. How to use CodePen Code Inside Your Webpage With the world rapidly evolving by the minute, staying on top of the in-demand skills’ curve is a voluminous task. Web Development is one such skill that is almost essential to the modern developer. With a market size of about $40Bn in 2020, the need and opportunity for quality web developers are ever so evident. 130. How to Authenticate a User via Face Recognition in Your Web Application Facial recognition-based authentication to verify a user in a web application is discussed in a beginner-friendly manner using FaceIO APIs. 131. Making a Custom Select Component in Vue.js [A How-To Guide] Customizing the design of a select tag is notoriously difficult. Sometimes it's impossible without building your own from scratch using a combination of styled divs with custom JavaScript. In this article, you will learn how to build a Vue.js component that can be styled using completely custom CSS. 132. Modern Style of Javascript with Arrow Functions The complete explanation of Arrow functions in Javascript, and how it helps developers to write flexible and consistent code. 133. How To Improve Your Backend By Adding Retries to Your API Calls Whether you're making API calls from Node.js or in the browser, connection failures are going to happen eventually. Some request errors are valid. Maybe the endpoint was wrong or the client sent the wrong data. Other times you can be sure that the error is the result of a problem with the connection to the server or one of the many hops in-between. While API and web service monitoring can inform you about the problem, a more active solution can take care of it for you. 134. Insert JavaScript into HTML Using the Script Tag The script tag is the primary method to insert JavaScript into the HTML page. We will look at all the ways to use the script tag and the importance of each. 135. React Project Structure: Best Practices A more standard way of structuring React applications which scales across frameworks and projects. 136. 9 Functional Programming Concepts Everyone Should Know This article will introduce functional programming concepts that every programmer should know. Let's begin by defining what functional programming is (FP from now on). FP is a programming paradigm where software is written by applying and composing functions. A paradigm is a "Philosophical or theoretical framework of any kind." In other words, FP is a way for us to think of problems as a matter of interconnecting functions. 137. How to Handle REST API Requests in React REST APIs are commonly used in web development. They are programming interfaces that web apps use to 'talk' to each other. They are used to access features and data. 'REST' (Representational State Transfer) is a concept that defines the APIs properties. This article will focus on the use of web-based APIs to retrieve data from a database. 138. Sharing Reusable Angular Components When building Angular applications you compose the UI of your applications through shared reusable Angular components. 139. Connecting RabbitMQ with Node JS RabbitMQ is a message broker: it accepts and forwards messages. You can think about it as a post office: when you put the mail that you want posting in a post box, you can be sure that Mr. or Ms. Mailperson will eventually deliver the mail to your recipient. In this analogy, RabbitMQ is a post box, a post office and a postman. 140. Writing a Simple MVC (Model, View, Controller) App in Vanilla Javascript While working on my front-end skills I wanted to see what implementing the MVC pattern could look like in a simple vanilla Javascript app. 141. Why the world needs a universal web scraping library for JavaScript TL;DR: We’ve released the Apify SDK — an open-source Node.js library for scraping and web crawling. There was one for Python, but until now, there was no such library for JavaScript, THE language of the web. 142. React Hooks: Performance Pitfalls And How To Easily Avoid Them From version 16.8.0, React introduced us to a way to use state and other React features without writing a class — React Hooks. 143. How to Use Google Sheets API with Nodejs First of all, a brief overview of our use case. Let's say I have a spreadsheet on Google Sheets which is not public and I want to be able to read/modify programmatically through some batch process running on my local machine or some server. This is something I had to do recently with a Node.js application and I found the authentication part a bit tricky to understand. So I thought of sharing my solution and I hope it helps someone in need. There might be better ways of doing this but I am sharing what worked best for me. Thank you for checking out the 143 most read stories about Javascript on HackerNoon. to find the most read stories about any technology. Visit the /Learn Repo