🎁 The Js-Craft Guide to React is now available with a 30% off discount!

Fixing the – selector “body” is not pure (pure selectors must contain at least one local class or id) – error in NextJs

CSS using focus-within to highlight active element

Making a dropdown menu example with CSS :focus-within

NextJs page transitions – app folder enter page animation example

Can a submit button be outside of an HTML form?

FormData append array example not working in Javascript – and how to fix it

FormData and Fetch – Javascript example

Templates vs Layouts in NextJs

Fixing the error required parameter (slug) was not provided as a string in generateStaticParams in NextJs

Example of using the generateStaticParams() in NextJs 13 within the app folder

Multiple URL parameters in NextJs with catch-all segments: the […name] and [[…name]] folders

Html using script defer vs script async

Comparing the Javascript ‘hasOwn()’ method vs the ‘in’ operator

Fixing the TypeError: Cannot read private member #value from an object whose class did not declare it

JavaScript – how to declare private properties and methods

📘 The Guide to React Home Screencasts Best of Newsletter Search X

📘 - 10 Javascript AI projects with React and LangChain

Hi friend! Before you go, just wanted to let you know about the 10 Javascript AI projects ideas with React and LangChain FREE ebook.

One of the best ways to learn is by doing the work. Choose from these 10 project ideas and start working on topics such as:

  • How does LangChain work
  • Connecting to OpenAI LLM
  • Create AI Agents
  • Simple and Sequential Chains
  • Adding Memory (Chat Context)
  • Prompt Templates
  • Using OutputParsers and Tools for Agents
  • Work with Documents and more...

Keep building and see the new capabilities LLM models can add to your React app! Get all projects as an ebook right to your inbox!