--- title: Best freeCodeCamp posts — September 2023 | daily.dev description: The most upvoted freeCodeCamp posts from September 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2023/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2023/09 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — September 2023 | daily.dev og:description: The most upvoted freeCodeCamp posts from September 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of freeCodeCamp — September 2023 1. 1 [](https://daily.dev/posts/how-to-improve-your-reactjs-code-tips-for-code-readability-and-performance-sdxo6hjxd "How to Improve Your ReactJS Code – Tips for Code Readability and Performance") Article freeCodeCamp · 3y How to Improve Your ReactJS Code – Tips for Code Readability and Performance ReactJS is one of the most popular JavaScript libraries for building scalable and performant applications. You'll need to focus on code quality, readability, maintainable, and scalability. I'll share my favorite tips along with code examples to show you how everything works. 223 11 2. 2 [](https://daily.dev/posts/learn-prompt-engineering-full-course-urxgazgec "Learn Prompt Engineering – Full Course") Article freeCodeCamp · 3y Learn Prompt Engineering – Full Course Learn Prompt Engineering - Full Course Large Language Models like ChatGPT can be used to increase your productivity on a ton of different types of tasks. We just published a crash course on the freeCodeCamp.org YouTube channel that will teach you how to increase the effectiveness of LLMs and super charge your productivity. 140 13 3. 3 [](https://daily.dev/posts/how-to-use-graphql-spdn1ekyu "How to Use GraphQL") Article freeCodeCamp · 3y How to Use GraphQL GraphQL is a query language for your API, and a runtime for executing queries by using a type system that you define for your data. The Net Ninja created this course, designed especially for those new to GraphQL, you will learn the knowledge and skills to create robust and efficient data-driven applications. 129 4 4. 4 [](https://daily.dev/posts/build-an-seo-optimized-blog-with-next-js-hnuveohac "Build an SEO-Optimized Blog with Next.js") Article freeCodeCamp · 3y Build an SEO-Optimized Blog with Next.js The course leverages the power of several modern tools and frameworks to build the blog. This includes Next.js for the core application, Tailwind CSS for styling, Contentlayer to render Markdown blogs seamlessly. Lottie Animation for interactive animations, React hook form for form functionalities, Next Sitemap for creating a sitemap. 79 2 5. 5 [](https://daily.dev/posts/javascript-concepts-to-know-before-learning-node-js-g2ssndvmk "JavaScript Concepts to Know Before Learning Node.js") Article freeCodeCamp · 3y JavaScript Concepts to Know Before Learning Node.js Node.js enables JavaScript developers to write server side code and code for embedded systems. This opens up opportunities in backend development and hardware programming. In this article, a JavaScript developer has to learn and understand some JavaScript concepts. In the article, you are going to learn the concepts you need to understand before learning Node. 80 6. 6 [](https://daily.dev/posts/build-and-deploy-an-ai-saas-with-paid-subscriptions-wtbnej83r "Build and Deploy an AI SaaS with Paid Subscriptions") Article freeCodeCamp · 3y Build and Deploy an AI SaaS with Paid Subscriptions Building and Deploy an AI SaaS with Paid Subscriptions is easier than ever to launch your own Software as a Service (SaaS) company! We just posted a course on the freeCodeCamp.org YouTube channel (4-hour watch) The course will guide you through every step of building and deploying a full-stack AI SAAS application. 80 1 7. 7 [](https://daily.dev/posts/learn-the-astro-web-framework-gqmglv0gm "Learn the Astro Web Framework") Article freeCodeCamp · 3y Learn the Astro Web Framework Astro is a go-to choice for developers looking to build fast, content-focused websites. It offers tools for file-based routing, managing content with Markdown and MDX, setting up dynamic routes, deployment on platforms like Netlify and Vercel, and transitioning to server-side rendering. James Q Quick presents a crash course on Astro on the freeCodeCamp.org YouTube channel. 73 5 8. 8 [](https://daily.dev/posts/how-to-use-react-components-props-default-props-and-proptypes-explained-t3lp8rzfq "How to Use React Components – Props, Default Props, and PropTypes Explained") Article freeCodeCamp · 3y How to Use React Components – Props, Default Props, and PropTypes Explained React is an open-source JavaScript library used for building user interfaces (UIs) in web applications. In this tutorial, we'll explore what React components are, how to pass and render data to them using props, and how to enhance their reliability using props and propTypes. 64 2 9. 9 [](https://daily.dev/posts/new-mojo-programming-language-for-ai-developers-xynfcb1ad "New Mojo Programming Language for AI Developers") Article freeCodeCamp · 3y New Mojo Programming Language for AI Developers New Mojo Programming Language for AI Developers Mojo combines the usability of Python with the performance of C. It's basically an enhanced version of Python specifically designed for Artificial Intelligence developers. You can program the multitude of low-level AI hardware and no C++ or CUDA is required. 64 1 10. 10 [](https://daily.dev/posts/how-to-build-an-image-search-app-using-react-an-in-depth-tutorial-kxwyaeujx "How to Build an Image Search App Using React – An In-Depth Tutorial") Article freeCodeCamp · 3y How to Build an Image Search App Using React – An In-Depth Tutorial Learn how to build an Image Search App using React. This tutorial covers topics such as making API calls, implementing pagination, handling form submit action, adding search input and quick search options, getting access to the Unsplash API, storing API data using state, displaying images on screen, finding bugs using ESLint, removing extra dependencies from useEffect, and displaying loading indication. 53 11. 11 [](https://daily.dev/posts/a-quick-look-at-bun-1-0-the-node-js-alternative-n0j5rqzp7 "A Quick Look at Bun 1.0 – The Node.js Alternative") Article freeCodeCamp · 3y A Quick Look at Bun 1.0 – The Node.js Alternative JavaScript got way faster with a new JavaScript runtime called Bun, which is now production-ready with its version 1.0.0 release. Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single file to a full-stack application. 52 3 12. 12 [](https://daily.dev/posts/the-sql-handbook-a-free-course-for-web-developers-mtr8xhzl3 "The SQL Handbook – A Free Course for Web Developers") Article freeCodeCamp · 3y The SQL Handbook – A Free Course for Web Developers The SQL Handbook is a free and open text-based handbook for Web Developers. Try the interactive version of this SQL course on Boot.dev, complete with coding challenges and projects. Watch the video walkthrough of this course on FreeCodeCamp's YouTube channel. 44 1 13. 13 [](https://daily.dev/posts/full-stack-project-tutorial-create-a-notes-app-using-react-and-node-js-v2qr5mzr2 "Full Stack Project Tutorial – Create A Notes App Using React and Node.js") Article freeCodeCamp · 3y Full Stack Project Tutorial – Create A Notes App Using React and Node.js Learn how to create a full stack notes app using React and Node.js. The tutorial covers building the UI, connecting it to the backend, and adding features like validation and error handling. By the end of the tutorial, readers will have a functional notes app that they can use as a starting point for their own projects. 42 14. 14 [](https://daily.dev/posts/how-to-create-a-design-system-in-next-js-with-tailwind-css-and-class-variance-authority-qtrnviulh "How To Create A Design System In Next.js With Tailwind CSS and Class Variance Authority") Article freeCodeCamp · 3y How To Create A Design System In Next.js With Tailwind CSS and Class Variance Authority A design system is a set of reusable UI components and design tokens. These tokens are like building blocks that include things like buttons, colors, and fonts. After designers make these parts, developers can use different tools to actually use them and build the website. This method keeps your codebase focused and efficient. 42 15. 15 [](https://daily.dev/posts/master-the-t3-stack-and-build-a-youtube-clone-5gxjekqsd "Master the T3 Stack and Build a YouTube Clone") Article freeCodeCamp · 3y Master the T3 Stack and Build a YouTube Clone The T3 Stack comprises Next.js, TypeScript, TRPC, Next Auth, Prisma, and Tailwind CSS. The course will teach you how to use the T3 stack to create a video steaming platform. You'll tackle everything from the home page and search functionality to individual video pages and user profiles. 42 16. 16 [](https://daily.dev/posts/create-a-no-code-game-with-gdevelop-bucpawzew "Create a no-code game with GDevelop") Article freeCodeCamp · 3y Create a no-code game with GDevelop GDevelop is an open-source, free, and user-friendly game engine that doesn't require any coding knowledge. A wave defense game, sometimes known as a "horde mode" or "tower defense" game, is a sub-genre of strategy video games. The course is aimed at beginners and leverages the power of GDevelop. 41 4 [See all freeCodeCamp archives](/sources/freecodecamp/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/freecodecamp/best-of/2023/09#page","url":"https://daily.dev/sources/freecodecamp/best-of/2023/09","name":"Best freeCodeCamp Posts — September 2023","description":"The most upvoted freeCodeCamp posts from September 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2023/09#items","numberOfItems":16,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-improve-your-reactjs-code-tips-for-code-readability-and-performance-sdxo6hjxd","name":"How to Improve Your ReactJS Code – Tips for Code Readability and Performance"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/learn-prompt-engineering-full-course-urxgazgec","name":"Learn Prompt Engineering – Full Course"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-use-graphql-spdn1ekyu","name":"How to Use GraphQL"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/build-an-seo-optimized-blog-with-next-js-hnuveohac","name":"Build an SEO-Optimized Blog with Next.js"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/javascript-concepts-to-know-before-learning-node-js-g2ssndvmk","name":"JavaScript Concepts to Know Before Learning Node.js"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/build-and-deploy-an-ai-saas-with-paid-subscriptions-wtbnej83r","name":"Build and Deploy an AI SaaS with Paid Subscriptions"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/learn-the-astro-web-framework-gqmglv0gm","name":"Learn the Astro Web Framework"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-use-react-components-props-default-props-and-proptypes-explained-t3lp8rzfq","name":"How to Use React Components – Props, Default Props, and PropTypes Explained"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/new-mojo-programming-language-for-ai-developers-xynfcb1ad","name":"New Mojo Programming Language for AI Developers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-build-an-image-search-app-using-react-an-in-depth-tutorial-kxwyaeujx","name":"How to Build an Image Search App Using React – An In-Depth Tutorial"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/a-quick-look-at-bun-1-0-the-node-js-alternative-n0j5rqzp7","name":"A Quick Look at Bun 1.0 – The Node.js Alternative"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/the-sql-handbook-a-free-course-for-web-developers-mtr8xhzl3","name":"The SQL Handbook – A Free Course for Web Developers"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/full-stack-project-tutorial-create-a-notes-app-using-react-and-node-js-v2qr5mzr2","name":"Full Stack Project Tutorial – Create A Notes App Using React and Node.js"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-to-create-a-design-system-in-next-js-with-tailwind-css-and-class-variance-authority-qtrnviulh","name":"How To Create A Design System In Next.js With Tailwind CSS and Class Variance Authority"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/master-the-t3-stack-and-build-a-youtube-clone-5gxjekqsd","name":"Master the T3 Stack and Build a YouTube Clone"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/create-a-no-code-game-with-gdevelop-bucpawzew","name":"Create a no-code game with GDevelop"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/freecodecamp/best-of"},{"@type":"ListItem","position":5,"name":"September 2023"}]}]} ```