Trello Clone Bundle: React + Vue + Livewire
Obtén tres aplicaciones de Trello completamente independientes - cada una construida desde cero con un framework diferente. Compara Livewire, Vue y React lado a lado con código fuente completo y documentación para cada una.
Únete a 1+ desarrolladores esperando el lanzamiento
const Board = () => {
const [columns, setColumns] = useState([]);
const onDragEnd = (result) => {
// Reorder cards
reorderCards(result);
};
return (
<DragDropContext onDragEnd={onDragEnd}>
{columns.map(col => (
<Column key={col.id} {...col} />
))}
</DragDropContext>
);
};<script setup>
import { ref } from 'vue';
const card = ref({
title: '',
description: '',
labels: []
});
const updateCard = () => {
// Update card data
form.put(`/cards/${card.value.id}`, card.value);
};
</script>class Kanban extends Component
{
public Collection $columns;
public function mount(): void
{
$this->columns = Column::with('cards')->get();
}
public function save(array $items): void
{
Card::create($items);
}
}