Best of JavaScriptMarch 2023

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    JavaScript One-Liners to Use in Every Project

    Learn essential one-liners in JavaScript for tasks like capitalizing text, calculating percent, getting a random element, removing duplicates, sorting elements, checking equality, counting occurrences, waiting for a certain time, plucking property from an array of objects, and inserting an element at a certain position.

  2. 2
    Article
    Avatar of medium_jsMedium·3y

    The most failed JavaScript interview questions

    Learn about some common JavaScript interview questions, including topics such as the event loop, variable scope, and ES6 modules.

  3. 3
    Article
    Avatar of devblogsDevBlogs·3y

    Announcing TypeScript 5.0

    TypeScript 5.0 introduces new features, optimizations, and breaking changes. It brings many new features, while aiming to make TypeScript smaller, simpler, and faster. Some of the optimizations include improved performance and reduced package size. There are also breaking changes in the library definitions and API. Overall, TypeScript 5.0 provides developers with a more efficient and powerful tool for building JavaScript applications.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Discover three.js!

    Discover three.js is a tutorial series that introduces the web as a platform for 3D graphics using the three.js WebGL library. It covers everything you need to start creating professional-quality 3D web applications and provides live code examples and clear diagrams.

  5. 5
    Article
    Avatar of medium_jsMedium·3y

    Send large files from frontend to the backend

    Learn how to send large files from frontend to backend using FileReader in JavaScript. Split the file into small chunks and stream them to the backend. Send the file name as a query parameter for unique identification.

  6. 6
    Article
    Avatar of hnHacker News·3y

    Introducing react.dev – React

    Introducing react.dev, the new home for React and its documentation. The new site teaches modern React with function components and Hooks. It includes diagrams, illustrations, challenges, and over 600 new interactive examples. The previous React documentation site has now moved to legacy.reactjs.org.

  7. 7
    Article
    Avatar of joshwcomeauJosh W Comeau·3y

    Common Beginner Mistakes with React

    Explore common beginner mistakes with React and learn how to fix them. Topics include evaluating with zero, mutating state, not generating keys, missing whitespace, accessing state after changing it, returning multiple elements, missing style brackets, and using async functions in effects.

  8. 8
    Article
    Avatar of builderiobuilder.io·3y

    Avoiding Async/Await Footguns

    Learn about the common pitfalls of using async/await in JavaScript and how to handle errors correctly. Understand the execution order and avoid overusing async/await.

  9. 9
    Article
    Avatar of medium_jsMedium·3y

    Object-oriented Programming (OOP) in JavaScript

    This post explores key concepts of Object-oriented Programming (OOP) in JavaScript, including objects, classes, inheritance, encapsulation, and polymorphism. By understanding these concepts and how to use them, developers can write more maintainable and reusable code in JavaScript applications.

  10. 10
    Article
    Avatar of towardsdevTowards Dev·3y

    Using ChatGPT to Optimize your code.

    Using ChatGPT to Optimize your code can help you create a boilerplate code that you can edit to suit your project needs. It is an upgrade to Google and StackOverflow in that it does what we ask of it. It can write code in any programming language of your choice, not just JavaScript.

  11. 11
    Article
    Avatar of phProduct Hunt·3y

    Float UI - Product Information, Latest Updates, and Reviews 2024

    Float UI is an open-source library of high-quality UI components and customizable templates built on top of Tailwind CSS and modern JS frameworks. It recently launched Float UI v2 and is looking for expert tips and contributions.

  12. 12
    Article
    Avatar of communityCommunity Picks·3y

    A Complete Visual Guide to Understanding the Node.js Event Loop

    This post provides a visual guide to understanding the Node.js event loop, explaining how JavaScript handles asynchronous programming and the role of libuv in Node.js.

  13. 13
    Article
    Avatar of asayerasayer·3y

    How to build React applications faster with Bun

    Learn how to build React applications faster using the Bun JavaScript runtime. Discover the advantages of Bun, its speed and performance, and how to install it. Explore how to set up a React application with Bun and use it as a package manager. Test the speed of creating a React app with Bun compared to create-react-app.

  14. 14
    Article
    Avatar of syncfusionSyncfusion·3y

    Top 8 JavaScript Notification Libraries

    This post discusses eight popular JavaScript notification libraries that can improve the user experience and keep users informed about changes in web applications. The libraries mentioned include SweetAlert, React-Toastify, Toastr, Notie, Essential JS 2, Chakra UI Alert, Vue Toastification, and Push.js.

  15. 15
    Article
    Avatar of tilThis is Learning·3y

    Do you know JavaScript?

    JavaScript has some weird and unexpected behaviors, such as the result of adding 0.1 and 0.2 not being equal to 0.3. Floating point numbers in JavaScript are represented in a way that causes these inconsistencies.

  16. 16
    Article
    Avatar of bitBits and Pieces·3y

    Cleaner Code with Event Delegation in JavaScript

    Cleaner Code with Event Delegation in JavaScript is a technique that allows you to handle events on multiple child elements with a single event listener attached to the parent element. Using event delegation can lead to more efficient and maintainable code, especially when dealing with a large number of child elements.

  17. 17
    Article
    Avatar of bitBits and Pieces·3y

    Use Generics in TypeScript to Improve Your Code

    Use Generics in TypeScript to Improve Your Code to Improve your Code to improve your code. Generics are a programming language feature that allows you to create code that can work with multiple types of data. This means that you can write a function or class that can accept any type of data, rather than a single type.

  18. 18
    Article
    Avatar of communityCommunity Picks·3y

    Currying in JavaScript

    Currying in JavaScript is a functional programming technique that involves transforming a function with multiple arguments into a series of functions that each take a single argument. It allows for code reusability, improved readability, function composition, easier testing, better code organization, improved performance, and more flexible function composition. Currying can be used in event handling, API calls, and data processing.

  19. 19
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Write Simpler JavaScript Code

    Learn ten tips for simplifying your JavaScript code, including using arrow functions, descriptive variable names, functional programming, avoiding code nesting, using default parameters, destructuring, promises, array methods, object methods, and libraries/frameworks.

  20. 20
    Article
    Avatar of communityCommunity Picks·3y

    5 Tips to Speed Up Your Node.js Performance

    Node.js is known as event-driven I/O server-side JavaScript environment and single-threaded event loop based on V8 Engine ( Google’s open-source high-performance JavaScript engine) In this article, we will discuss 5 ways to make Node.JS faster and optimal in work.

  21. 21
    Article
    Avatar of amplicationAmplication·3y

    The Django Node.js Alternative

    NestJS is a strong alternative to Django with a different set of features that make it very attractive to web developers. NestJS runs over Node.js, the canonical runtime environment for server-side apps written in JavaScript. NestJS offers a powerful set of decorators that can be used to define controllers, services, and other elements.

  22. 22
    Article
    Avatar of faunFaun·3y

    Nodejs Framework | Express vs Nestjs: Which One Will Work Best for Your Project?

    Comparing Express and Nestjs frameworks for Node.js development, highlighting their features, performance, and community support.

  23. 23
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn Web Development from Harvard University (CS50 Web)

    Learn web programming with Python and JavaScript from Harvard University's CS50's Web Programming course. Topics include HTML, CSS, Git, Python, Django, SQL, JavaScript, user interfaces, testing, scalability, and security. Watch the full course on the freeCodeCamp YouTube channel.

  24. 24
    Article
    Avatar of medium_jsMedium·3y

    Clean architecture with Node.js

    Learn about the fundamentals of clean architecture, the benefits it offers, and how to structure a Node.js application using clean architecture principles.

  25. 25
    Article
    Avatar of bytebytegoByteByteGo·3y

    EP50: Visualizing a SQL Query

    The most useful engineering conversation you’ll hear each week (Sponsored) Dev Interrupted is the No. 1 source for what the smartest minds in development are thinking about. Hear career-changing wisdom by leaders from companies like Slack, Stripe, and Shopify delivered to your inbox every week.