--- title: Best freeCodeCamp posts — October 2021 | daily.dev description: The most upvoted freeCodeCamp posts from October 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2021/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2021/10 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — October 2021 | daily.dev og:description: The most upvoted freeCodeCamp posts from October 2021, 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 — October 2021 1. 1 [](https://daily.dev/posts/how-to-make-an-nft-in-14-lines-of-code-zkpezyjto "How to Make an NFT in 14 Lines of Code") Article freeCodeCamp · 5y How to Make an NFT in 14 Lines of Code How to Make an NFT in 14 Lines of Code. How to make an NFP in 14 lines of code. What is a NFT and how do you make one? Tell us in the comments below or email us at nft@mailonline.com. 92 5 2. 2 [](https://daily.dev/posts/how-to-secure-your-react-js-application-l8r1btrdj "How to Secure Your React.js Application") Article freeCodeCamp · 5y How to Secure Your React.js Application React.js is a scalable open-source JavaScript library and is one of the most commonly used front-end frameworks out there today. It's dynamic and is easy to get started with if you want to create interactive web applications with reusable components. But there are some thing you need to be aware of when using it for your projects. 50 3 3. 3 [](https://daily.dev/posts/how-to-use-the-adapter-design-pattern-in-react-jugr-ubwp "How to Use the Adapter Design Pattern in React") Article freeCodeCamp · 5y How to Use the Adapter Design Pattern in React Kenneth Angelo Reyes is the author of the popular book, "Designing for the Web" He is also the co-founder of React, a React-based social network. He has written several books on React, including a book on the design patterns used in React. His most recent book is "React: The Architecture of a Social Network" 35 4. 4 [](https://daily.dev/posts/tailwind-css-components-tutorial-how-to-get-started-with-flowbite-darp3zuw "Tailwind CSS Components Tutorial – How to get started with Flowbite") Article freeCodeCamp · 5y Tailwind CSS Components Tutorial – How to get started with Flowbite Flowbite is an open-source library of web components built with the utility-first classes from Tailwind CSS. It also includes interactive elements such as dropdowns, modals, datepickers. The project is available on Github and it is open source under the MIT License. 33 8 5. 5 [](https://daily.dev/posts/learn-react-by-building-an-ecommerce-site-zygpd2phq "Learn React by Building an eCommerce Site") Article freeCodeCamp · 5y Learn React by Building an eCommerce Site React is one of the most popular front-end frameworks for JavaScript. This course will teach you how to use React by building an e-Commerce application with class components. The course covers topics such as component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, and basic routing. 29 1 6. 6 [](https://daily.dev/posts/build-four-node-js-and-express-js-projects-wufl2zyhy "Build Four Node.js and Express.js Projects") Article freeCodeCamp · 5y Build Four Node.js and Express.js Projects .com. Build Four Node.js and Express.js Projects with Beau Carnes. See the rest of the projects at: http://www.carnes.com/node-js-and-express-jstor-project-4.html. 24 7. 7 [](https://daily.dev/posts/react-useeffect-hook-common-problems-and-how-to-fix-them-8vipfv4su "React.useEffect Hook – Common Problems and How to Fix Them") Article freeCodeCamp · 5y React.useEffect Hook – Common Problems and How to Fix Them React.useEffect Hook – Common Problems and How to Fix Them. Iva Kop – Common problems and how to fix them. React.use effect Hook – How to fix common problems andHow to Fix them. iReport.com: Do you have a problem with React? Share your story. 22 1 8. 8 [](https://daily.dev/posts/how-to-build-your-own-developer-portfolio-website-with-html-css-and-javascript-pwwagt8yy "How to Build Your Own Developer Portfolio Website with HTML, CSS, and JavaScript") Article freeCodeCamp · 5y How to Build Your Own Developer Portfolio Website with HTML, CSS, and JavaScript 20 9. 9 [](https://daily.dev/posts/graphql-for-front-end-developers-sejbacxza "GraphQL for Front End Developers") Article freeCodeCamp · 5y GraphQL for Front End Developers Gaurav Tewari writes about GraphQL for Front End Developers. He says GraphQL can be used by front-end developers to build RESTful applications. Tewara: GraphQL is a way for front end developers to write RESTful apps. He also writes about how GraphQL could be used to build web apps. 18 1 10. 10 [](https://daily.dev/posts/graphql-vs-rest-api-which-should-you-use-for-back-end-api-development--cobesolfw "GraphQL vs REST API – Which Should You Use for Back End API Development?") Article freeCodeCamp · 5y GraphQL vs REST API – Which Should You Use for Back End API Development? GraphQL vs REST API – Which Should You Use for Back End API Development? – Aagam Vadecha. GraphQL and REST API are two different types of back-end API development. Vadecha: Which should you use? – GraphQL or REST API? 18 1 11. 11 [](https://daily.dev/posts/how-to-learn-programming-the-guide-i-wish-i-had-when-i-started-learning-to-code-gtqchjmed "How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code") Article freeCodeCamp · 5y How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code Jacob Stopak is the author of How to Learn Programming: The Guide I Wish I Had When I Started Learning to Code. How to learn programming: The guide I wish I had when I started learning to Code is available on Amazon.com for $9.99. 18 1 12. 12 [](https://daily.dev/posts/what-is-ansible-a-tool-to-automate-parts-of-your-job-bzjnj2bhj "What is Ansible? A Tool to Automate Parts of Your Job") Article freeCodeCamp · 5y What is Ansible? A Tool to Automate Parts of Your Job Ansible is a tool that generates written instructions for automating IT professionals' work. It's designed particularly for application deployment, configuration management, intra-service orchestration, and practically anything else a systems administrator does on a weekly or daily basis. Ansible is simple to install because it doesn't require any agent software or other security infrastructure. 14 13. 13 [](https://daily.dev/posts/javascript-callback-function-explained-in-plain-english-pwxeltlz "JavaScript Callback Function –Explained in Plain English") Article freeCodeCamp · 5y JavaScript Callback Function –Explained in Plain English TAPAS ADHIKARY. JavaScript Callback Function –Explained in Plain English. Back to the page you came from. Use the weekly Newsquiz to test your knowledge of stories you saw on CNN.com. Today's Daily Discussion includes questions and answers about stories from around the world. Visit CNN.co.uk/newsquiz for more information. 12 2 [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/2021/10#page","url":"https://daily.dev/sources/freecodecamp/best-of/2021/10","name":"Best freeCodeCamp Posts — October 2021","description":"The most upvoted freeCodeCamp posts from October 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2021/10#items","numberOfItems":13,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-make-an-nft-in-14-lines-of-code-zkpezyjto","name":"How to Make an NFT in 14 Lines of Code"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-secure-your-react-js-application-l8r1btrdj","name":"How to Secure Your React.js Application"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-use-the-adapter-design-pattern-in-react-jugr-ubwp","name":"How to Use the Adapter Design Pattern in React"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/tailwind-css-components-tutorial-how-to-get-started-with-flowbite-darp3zuw","name":"Tailwind CSS Components Tutorial – How to get started with Flowbite"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/learn-react-by-building-an-ecommerce-site-zygpd2phq","name":"Learn React by Building an eCommerce Site"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/build-four-node-js-and-express-js-projects-wufl2zyhy","name":"Build Four Node.js and Express.js Projects"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/react-useeffect-hook-common-problems-and-how-to-fix-them-8vipfv4su","name":"React.useEffect Hook – Common Problems and How to Fix Them"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-build-your-own-developer-portfolio-website-with-html-css-and-javascript-pwwagt8yy","name":"How to Build Your Own Developer Portfolio Website with HTML, CSS, and JavaScript"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/graphql-for-front-end-developers-sejbacxza","name":"GraphQL for Front End Developers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/graphql-vs-rest-api-which-should-you-use-for-back-end-api-development--cobesolfw","name":"GraphQL vs REST API – Which Should You Use for Back End API Development?"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-learn-programming-the-guide-i-wish-i-had-when-i-started-learning-to-code-gtqchjmed","name":"How to Learn Programming – The Guide I Wish I Had When I Started Learning to Code"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/what-is-ansible-a-tool-to-automate-parts-of-your-job-bzjnj2bhj","name":"What is Ansible? A Tool to Automate Parts of Your Job"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/javascript-callback-function-explained-in-plain-english-pwxeltlz","name":"JavaScript Callback Function –Explained in Plain English"}]},{"@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":"October 2021"}]}]} ```