claudiainbytes

// Context
const CartContext = createContext(null)

export const CartProvider = ({ children }) => {
  const [items, setItems] = useState([])
  
  const addItem = (item) => setItems([...items, item])
  const removeItem = (id) => setItems(items.filter(i => i.id !== id))
  
  return (

claudiainbytes

// mocks/handlers.ts
import { http, HttpResponse } from 'msw'

export const handlers = [
  http.get('/api/products', () => {
    return HttpResponse.json([
      { id: 1, name: 'Product 1', price: 100 },
      { id: 2, name: 'Product 2', price: 200 },
    ])
  }),

claudiainbytes

// Componente completo con múltiples interacciones
describe('Shopping Cart Flow', () => {
  it('permite agregar, incrementar y eliminar productos', async () => {
    const user = userEvent.setup()
    render(<ShoppingApp />)

    // Usuario agrega producto
    const addButton = screen.getByRole('button', { name: /add to cart/i })
    await user.click(addButton)

claudiainbytes

// utils/formatters.ts
export const formatCurrency = (amount: number, locale = 'en-US') => {
  return new Intl.NumberFormat(locale, {
    style: 'currency',
    currency: 'USD',
  }).format(amount)
}

export const truncateText = (text: string, maxLength: number) => {
  if (text.length <= maxLength) return text

claudiainbytes

// Hook
export const useCounter = (initialValue = 0) => {
  const [count, setCount] = useState(initialValue)
  
  const increment = () => setCount(c => c + 1)
  const decrement = () => setCount(c => c - 1)
  const reset = () => setCount(initialValue)
  
  return { count, increment, decrement, reset }
}

claudiainbytes

// Component
interface ButtonProps {
  variant: 'primary' | 'secondary'
  disabled?: boolean
  onClick: () => void
  children: React.ReactNode
}

export const Button = ({ variant, disabled, onClick, children }: ButtonProps) => (
  <button

claudiainbytes

Rails Models

Generating models

$ rails g model User

Associations

belongs_to

has_one

claudiainbytes

// Creare's 'Implied Consent' EU Cookie Law Banner v:2.4
// Conceived by Robert Kent, James Bavington & Tom Foyster
 
var dropCookie = true;                      // false disables the Cookie, allowing you to style the banner
var cookieDuration = 14;                    // Number of days before the cookie expires, and the banner reappears
var cookieName = 'complianceCookie';        // Name of our cookie
var cookieValue = 'on';                     // Value of cookie
 
function createDiv(){
    var bodytag = document.getElementsByTagName('body')[0];

claudiainbytes

// Cookie for current question
        function create_cookie(name, value, days2expire, path) {
          var date = new Date();
          date.setTime(date.getTime() + (days2expire * 24 * 60 * 60 * 1000));
          var expires = date.toUTCString();
          document.cookie = name + '=' + value + ';' + 'expires=' + expires + ';' + 'path=' + path + ';';
        }
        function retrieve_cookie(name) {
          var cookie_value = "",
            current_cookie = "",

claudiainbytes

<?php // /app/Http/Middleware/Cors.php

namespace App\Http\Middleware;

use Closure;

class Cors {
    public function handle($request, Closure $next)
    {
        return $next($request)