Best of freeCodeCamp — October 2024

1. 1
   Article

   freeCodeCamp·2y

   React Best Practices Ever Developer Should Know

   This guide offers crucial tips on optimizing React development using hooks. It covers the importance of maintaining immutability in state management, avoiding the overuse of useState, leveraging useMemo for performance improvements, ensuring unique keys for list items, and properly handling dependencies in useEffect. The guide also advises on alternatives to useEffect for managing side effects efficiently, contributing to cleaner and more efficient code.

   1.4K

   54
2. 2
   Article

   freeCodeCamp·2y

   Learn Generative AI for Developers

   Generative AI is transforming AI by enabling machines to produce text, images, and audio. A new 21-hour course on the freeCodeCamp.org YouTube channel offers a comprehensive guide for developers, covering foundational concepts, advanced methods, hands-on projects, and deployment. Key tools include Hugging Face, OpenAI, LangChain, and vector databases, with practical applications like chatbots and text summarizers. The course also delves into Retrieval-Augmented Generation (RAG) and deploying AI apps on Google Cloud and AWS.

   736

   12
3. 3
   Article

   freeCodeCamp·2y

   Mobile App Development Course with React Native, Supabase, Next.js

   Learn to build a complete e-commerce mobile app with React Native, Supabase, Stripe, and Next.js through a comprehensive freeCodeCamp course. The course covers front-end design, secure back-end setup, payment integration, and deployment, making it ideal for full-stack developers aiming to enhance their skills.

   294

   7
4. 4
   Article

   freeCodeCamp·2y

   How to Create Linux Device Drivers

   Linux device drivers facilitate communication between the operating system and hardware. A new hands-on course by freeCodeCamp teaches how to develop these drivers, covering topics from the Linux kernel and system calls to file operations and kernel module management. The course includes practical steps for setting up a development environment and writing a loadable module.

   145

   2
5. 5
   Article

   freeCodeCamp·2y

   From Concept to Code: How to Use AI Tools to Design and Build UI Components

   Learn how to streamline your UI development process by using AI tools like Sourcegraph's Cody and Tailwind CSS. This guide walks you through setting up your environment, creating foundational components, and leveraging Cody for generating efficient, functional, and visually appealing UI elements. By integrating these technologies, you enhance productivity and ensure a better user experience for your web applications.

   143

   2
6. 6
   Article

   freeCodeCamp·2y

   How to Create Database Documentation Using dbdocs with DBML

   Database documentation is crucial for maintaining and scaling systems. This guide demonstrates creating database documentation using DBML and dbdocs. The step-by-step process includes installing the necessary CLI tools, exporting a database schema to DBML, editing the DBML file, and generating documentation with dbdocs. Benefits include simplicity, automation, collaboration, version control, and visualization.

   98
7. 7
   Video

   freeCodeCamp·2y

   Mobile App Development Course with React Native, Supabase, Next.js

   95
8. 8
   Article

   freeCodeCamp·2y

   How to Build a Documentation Site using React and Docusaraus

   Creating a well-designed documentation site is crucial for any project, and Docusaurus, combined with React, offers a robust solution. This guide covers the installation and setup of Docusaurus, customization of the site's structure, creating documentation, using MDX and React components, and styling. Furthermore, it discusses the SEO features and deployment process, making it suitable for both developers and technical writers.

   88

   4
9. 9
   Video

   freeCodeCamp·2y

   Build a Full Stack Book Store App Using React, Node, MongoDB

   Learn how to build a full stack M Stack application that includes both front end and back end, featuring React on the front end, Node and Express on the back end, and MongoDB as the database. The project will cover essential functionalities such as an admin dashboard, cash on delivery features, inventory management, and a user-friendly interface for adding and removing products. The tutorial also includes JWT for authentication and Redux toolkit for state management.

   79
10. 10
    Article

    freeCodeCamp·2y

    How to Build Your Own Private Hacking Lab with VirtualBox

    Learn how to set up a private hacking lab using VirtualBox to practice ethical hacking safely. The guide covers installing necessary software like VirtualBox and Kali Linux, setting up attacking and target machines, and configuring a host-only network to ensure isolation from the public internet. Finally, it shows basic scanning techniques using Nmap for identifying and understanding the target machine's network configuration.

    77

    3
11. 11
    Article

    freeCodeCamp·2y

    How to Build a CSS Component Library and Improve Your Web Development Skills

    Building a CSS component library can dramatically improve UI development efficiency and consistency. Key steps include designing component layouts, structuring them with HTML, styling with CSS, and hosting the CSS file for easy reuse. This process not only speeds up development but also ensures maintainable and scalable code. Benefits include faster development, uniform styling, better maintainability, community support, and customization options. The post details steps for creating, styling, and hosting components, emphasizing the importance of a structured, modular approach to web design.

    76

    1
12. 12
    Video

    freeCodeCamp·2y

    Generative AI for Developers – Comprehensive Course

    This comprehensive course on generative AI covers essential concepts like large language models, data preprocessing, and advanced techniques such as fine-tuning and prompt engineering. Through hands-on projects using tools like Hugging Face, OpenAI, and LangChain, participants will learn to build real-world applications including text summarization and custom chatbots. The course also delves into vector databases, AI pipelines, and deployment techniques using platforms like Google Cloud Vertex AI and AWS Bedrock.

    69
13. 13
    Article

    freeCodeCamp·2y

    How to Pass Additional Arguments to Next.js Server Actions

    Learn how to pass additional arguments to Next.js server actions, which are asynchronous functions that execute on the server. The guide walks through handling extra arguments programmatically using the bind() method in JavaScript, avoiding security issues associated with hidden form fields. It includes an example of creating a form and a working server action, showing how to enhance the form to include additional parameters securely.

    62
14. 14
    Article

    freeCodeCamp·2y

    How to Build a CRUD Application using React and Convex

    Learn how to build a CRUD application using React and Convex, featuring a book collection project where users can add books and update their status. The guide covers setting up Convex and React, creating a schema, building a UI, and implementing CRUD functions in the backend using Convex's built-in methods.

    58
15. 15
    Video

    freeCodeCamp·2y

    Electron Course - Code Desktop Applications (inc. React and Typescript)

    This comprehensive course guides you through building robust desktop applications using Electron, React, and Typescript. It covers everything from setting up your development environment to implementing advanced features like data visualization, secure communication, and custom window frames. You'll build a resource manager inspired by the Windows Task Manager, learning to create complex UI components, interact with system APIs, and bundle your app for different operating systems.

    52