b-tekinli

import { Button } from 'reactstrap';

<Button color="primary">Tıkla</Button>

b-tekinli

import { Button } from '@chakra-ui/react';

<Button colorScheme="blue">Tıkla</Button>

b-tekinli

import Button from '@material-ui/core/Button';

<Button variant="contained" color="primary">
  Tıkla
</Button>

b-tekinli

<button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
  Tıkla
</button>

b-tekinli

$primary-color: blue;

.button {
  background-color: $primary-color;
  &:hover {
    background-color: darken($primary-color, 10%);
  }
}

b-tekinli

// Button.module.css
.button {
  background-color: blue;
  color: white;
}
// yukarıdaki kısım bir css dosyasıdır


// aşağıdaki kısım bir js dosyasıdır
// Button.jsx

b-tekinli

const dispatch = useDispatch();
dispatch(userActions.updateUser(newUser));

b-tekinli

const user = useSelector((state) => state.user);

b-tekinli

const userSlice = createSlice({
  name: 'user',
  initialState,
  reducers: {
    updateUser(state, action) {
      // burada kullanıcıyı güncelleyebiliriz 
    },
  },
});

b-tekinli

import { configureStore, createSlice } from '@reduxjs/toolkit';


const userSlice = createSlice({
  name: 'user',
  initialState: { name: 'Guest' },
  reducers: {
    setName: (state, action) => {
      state.name = action.payload;
    },