TILs - Fueling Curiosity, One Insight at a Time

import { useForm, FormProvider } from "react-hook-form";

const FormComponent = () => {
  const methods = useForm();

  return (
    <FormProvider {...methods}>
      <form>
        {/* Now any nested component can use useFormContext */}
        <ChildComponent />
        {/* Submit button or other components */}
      </form>
    </FormProvider>
  );
};

import { useFormContext } from "react-hook-form";

const ChildComponent = () => {
  const { setValue } = useFormContext(); // useFormContext gives access to all form methods

  return (
    <div>
      {/* Dropdown logic */}
    </div>
  );
};

<%= form_with(
  url: search_path, method: :get,
  data: { turbo_frame: "frame_id", turbo_action: "advance", controller: "search", action: "input->search#submit" }
) do |f| %>
  <%= f.search_field field_name, placeholder: placeholder, value: params %>
<% end %>

<%= turbo_frame_tag "search_results" do %>
       <div id="results"></div>  #This will contain the search results
<% end %>

Rails.application.configure do
    # Other configurations...
    
    # Add your Ngrok URL to the list of allowed hosts 
    config.hosts << /[a-z0-9\\-]+\\.ngrok-free\\.app/
end

en:
    hello: "Hello"
    good_morning: "Good Morning %{name}"  # %{name} is used to pass dynamic parameters.
    rails: "Rails"

hi:
    hello: "नमस्ते"
    good_morning: "शुभ प्रभात  %{name}"
    rails: "रेल"

<div><%= t("hello") %></div>   // normal usage
<div><%= t("good_morning", name: t("rails")) %></div>  // Passing Dynamic Parameters.

[deploy]
  release_command = "python manage.py migrate"

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

generator client {
  provider = "prisma-client-js"
}

model Retro {
  id              String   @id @default(cuid())
  date            DateTime @default(now())   // Auto-fills current date
  scrumMasterId   String                        // For Scrum Master (User)
  slackChannel    String                        // Slack Channel input
  questions       String[]                      // Default retro questions
  projectId       Int       @relation(fields: [projectId], references: [id])
  project         Project   @relation(fields: [projectId], references: [id])
}

const http = require('node:http');
const { AsyncLocalStorage } = require('node:async_hooks');
const { v4: uuid } = require('uuid');

const asyncLocalStorage = new AsyncLocalStorage();

function logWithId(msg) {
  const requestId = asyncLocalStorage.getStore(); 
  console.log(`${requestId} - ${msg}`);
}

function serviceA() {
  logWithId('Service A log');
}

function serviceB() {
  logWithId('Service B log');
}

http.createServer((req, res) => {
  const requestId = uuid();
  asyncLocalStorage.run(requestId, () => { 
    logWithId('Request received');
    serviceA();
    serviceB();
    logWithId('All services called');
    res.end('Response sent');
  });
}).listen(4040);

http.get('https://localhost:4040');

// Output:
<generated-request-id> - Request received
<generated-request-id> - Service A log
<generated-request-id> - Service B log
<generated-request-id> - All services called

const content = { ...emails['Signup success'] };

<%= form_with(model: @object, data: {
    controller: "form",
    form_target: "form"
}) do |form| %>
  <%= form.label :name %>
  <%= form.text_field :name %>

  <%= form.label :status %>
  <%= form.select :status, ["Active", "Inactive"] %>

<% end %>

<%= button_tag "submit", type: "submit", data: {
      action: "click->form#formSubmit"
    } %>

export default class extends Controller {
    static targets = ["form"];

    formSubmit(){
        this.formTarget.submit()
    }
}

queryClient.invalidateQueries({
  queryKey: ['todos'],
})

queryClient.invalidateQueries({
  queryKey: ['todos', { type: 'done' }],
})

const { id } = context.params;

const searchParams = req.nextUrl.searchParams;
const searchTerm = searchParams.get('query'); // ?query=nextjs

include Pagy::Backend

include Pagy::Frontend

@pagy, @records = pagy(Product.all)

# Set default items per page and navigation size
Pagy::DEFAULT[:items] = 10  # items per page
Pagy::DEFAULT[:size]  = [1, 4, 4, 1]  # control how many navigation links are shown

<%= pagy_nav(@pagy) %>

Showing <%= pagy.from(@pagy) %> to <%= pagy.to(@pagy) %> of <%= @pagy.count %> items.