Skip to content

Instantly share code, notes, and snippets.

using UnityEngine;
public class Character : MonoBehaviour
{
private SpriteRenderer m_SpriteRenderer;
public SpriteRenderer SpriteRenderer => m_SpriteRenderer;
void Start()
{
using UnityEngine;
public class RendererFader : MonoBehaviour
{
const float VISIBLE_ALPHA = 1f;
const float TRANSPARENT_ALPHA = 0.3f;
private SpriteRenderer[] m_SpriteRenderers;
private bool m_FadeOutEnabled = false;

Built-in Hooks

There are several built-in hooks, but two fundamental ones are useState and useEffect.

  1. useState:

    • useState is used to add state to functional components.
    • It returns an array with two elements: the current state value and a function that lets you update it.
    • Here's a simple example:
import './App.css';
import React, {useCallback, useEffect, useState} from 'react';
import Web3 from "web3";
import detectEthereumProvider from '@metamask/detect-provider';
import { loadContract } from './utils/load_contract';
function App() {
const [web3Api, setWeb3Api] = useState({
provider: null,
@import "./base.css";
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;
.fit {
min-height: calc(100vh-88px)
import { Product } from "@common/types/products"
import { FC } from "react"
import Link from "next/link"
import Image from "next/legacy/image"
import s from "./ProductCArd.module.css"
interface Props {
product: Product
}
const placeholderImage = "/product-image-placeholder.svg"
module.exports = {
content: [
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
],
media: false, // or 'media' or 'class'
theme: {
extend: {
colors: {
import React from "react";
import { Provider } from "react-redux";
import Modal from 'react-modal';
import configureStore from "./redux/store";
const store = configureStore();
const customStyles = {
content: {
import { v4 as uuidv4 } from "uuid";
import { NextApiRequest, NextApiResponse } from "next";
import { Session } from "next-iron-session";
import { addressCheckMiddleware, pinataApiKey, pinataSecretApiKey, withSession } from "./utils";
import FormData from "form-data";
import axios from "axios";
export const config = {
api: {
bodyParser: {
import { v4 as uuidv4 } from "uuid";
import { NextApiRequest, NextApiResponse } from "next";
import { Session } from "next-iron-session";
import { addressCheckMiddleware, pinataApiKey, pinataSecretApiKey, withSession } from "./utils";
import FormData from "form-data";
import axios from "axios";
export const config = {
api: {
bodyParser: {