Best of freeCodeCamp — November 2023

1. 1
   Article

   freeCodeCamp·2y

   What's New in JavaScript in 2023 – Changes with Code Examples

   ECMAScript 2023 introduces changes to JavaScript that make programming easier. The changes include the Object.groupBy method for grouping objects based on a property value, the Array.toSliced(), Array.toSorted(), and Array.toReversed() methods for manipulating arrays without mutating the original array, and the findLast() and findLastIndex() methods for finding the last element or index in an array that satisfies a condition.

   565

   27
2. 2
   Article

   freeCodeCamp·2y

   Career Mistakes to Avoid as a Developer

   Learn about the career mistakes to avoid as a developer, including not setting realistic goals, failing to recognize your potential, and neglecting networking opportunities.

   456

   73
3. 3
   Article

   freeCodeCamp·2y

   How to Write Commit Messages that Project Maintainers Will Appreciate

   Learn how to write effective commit messages that project maintainers will appreciate. Avoid vague messages and instead mention the type of change and summarize the details. Consider adding a description for more clarity and understanding. Writing good commit messages is crucial for communicating contributions.

   371

   25
4. 4
   Article

   freeCodeCamp·2y

   API Documentation Best Practices Course

   Learn how to write effective API documentation with this course. Understand the significance of API documentation, its impact on a business, and the best practices for creating high-quality documentation.

   162

   2
5. 5
   Article

   freeCodeCamp·3y

   How to Write Helper Functions in React

   Helper functions in React.js simplify complex tasks, improve code organization, and enhance maintainability. They are small, reusable functions that assist React components in performing specific tasks. By following best practices, such as clear documentation, organized organization, and thoughtful testing, you can create efficient helper functions that enhance your development workflow and deliver robust and performant applications.

   158

   1
6. 6
   Article

   freeCodeCamp·2y

   Free 107-Hour AWS Cloud Project Bootcamp

   The AWS Cloud Project Bootcamp is a comprehensive training program for cloud project management. It covers various topics over 12 weeks and offers hands-on experience and skill enhancement. The bootcamp is ideal for individuals with some background in cloud computing.

   135

   2
7. 7
   Article

   freeCodeCamp·2y

   JavaScript Game Tutorial – Build a Stick Hero Clone with HTML Canvas + JavaScript

   Learn how to create a Stick Hero clone game using pure JavaScript and HTML canvas. This tutorial covers game initialization, different game phases, drawing platforms, hero, and sticks, the main animation loop, and event handling.

   104

   1
8. 8
   Article

   freeCodeCamp·2y

   How to Create Scroll Animations with React, Tailwind CSS, and Framer Motion

   Learn how to create scroll animations in React using Framer Motion and Tailwind CSS. The tutorial covers setting up the project, building the scroll component, adding animation functions, and animating the components on scroll.

   103

   4
9. 9
   Article

   freeCodeCamp·2y

   Secure Next.js Applications with Role-Based Authentication Using NextAuth

   Learn how to secure Next.js applications with role-based authentication using NextAuth. This comprehensive tutorial covers the basics of NextAuth, integrating OAuth providers, custom authentication provider using MongoDB, and protecting pages on both the server and client side.

   103

   1
10. 10
    Article

    freeCodeCamp·2y

    Data Structures Handbook – The Key to Scalable Software

    Data structures such as linked lists, stacks, and trees are essential tools in software development, allowing for efficient data management and processing. Linked lists provide flexibility in memory allocation, while stacks follow the LIFO principle for orderly data processing. Trees organize data hierarchically, mirroring real-world structures. Understanding the advantages and limitations of each data structure is crucial for optimal use.

    102
11. 11
    Article

    freeCodeCamp·2y

    How to Use JavaScript Arrow Functions – Explained in Detail

    Learn about the arrow function syntax in JavaScript, how to convert a regular function to an arrow function, and the advantages of using arrow functions.

    94

    6
12. 12
    Article

    freeCodeCamp·2y

    How JavaScript Promises Work – Tutorial for Beginners

    Learn how the Promise object works in JavaScript and when to use Promises instead of callbacks. Explore the Fetch API and the Promise methods like Promise.all(), Promise.allSettled(), Promise.any(), and Promise.race().

    93
13. 13
    Article

    freeCodeCamp·2y

    How to Use React Suspense to Improve your React Projects

    React Suspense is a feature in React.js 16.6 that allows components to pause rendering while waiting for asynchronous processes to finish. It simplifies the management of loading states and improves the user experience. React Suspense consists of the Suspense component, dynamic imports with lazy(), and error boundaries. It is useful for handling data fetching, lazy loading of components, and providing better user experiences.

    88
14. 14
    Article

    freeCodeCamp·3y

    How to Use Cypress for End-to-End Testing Your React Apps

    Learn how to use Cypress, an end-to-end testing framework, to efficiently test React applications. Set up the environment, write tests, interact with web components, organize tests using describe blocks, create custom commands, use the Cypress Dashboard to monitor test runs, debug tests with cy.debug() and Time Travel Debugging, and integrate Cypress tests into a continuous integration (CI) workflow using GitHub Actions.

    80
15. 15
    Article

    freeCodeCamp·2y

    How to Create Dynamic API Routes in Next.js

    Learn how to create dynamic API routes in Next.js, enabling you to create API endpoints and handle HTTP requests using Node.js serverless functions.

    78