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

Bite-sized tips and screencasts about Javascript, CSS, and React

The CSS grid minmax() function explained

Screencast – building a fully responsive layout in 4 minutes by using the CSS grid

Links, ideas, news roundup #5

Stacking elements on top of each other with CSS grid

What is an executor function for a Javascript promise?

Getting the value of the content property of ::after or ::before with Javascript

The grid layout: the grid-column and grid-column properties are using line numbers

Top 3 reasons why the CSS position sticky may not work

[Js-Craft #28] Using a walking treadmill in your home office, the CSS attr() function and dual-screen devices in Chrome dev tools

Using a walking treadmill desk as a software developer

Defining names for lines in CSS grid

What is the CSS attr() function and how it can help us

Using grid-area to span an element across multiple CSS grid cells

Beyond console.log() – 3 Console methods you can use for better Javascript debugging

Activating the dual-screen support for Galaxy Fold or Surface Duo in developer tools

10 Javascript AI projects with Langchain & React

Not sure what to build? Dive in with these Javascript AI projects! Learn how to build LLM powered apps using Langchain.js and React! Connect your apps to LLMs such as OpenAI, create agents, use vector databases, or setup AI context.


📘 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!