![]() ![]() So that credit goes where it's due, I will quickly sum up the bits and pieces I used to build this project below. Let's have a look at the overall structure and design of my app then, including the work it depends upon. ![]() Through that route, and some couple-hundred or so commits later, I eventually ended up with an app that I am quite happy about! Of course, I had some help from a few libraries besides react-dnd. Since I had a fast approaching deadline I scrapped the part of my system that handled making things draggable and droppable and replaced it with react-dnd, which was the lowest-level drag and drop library I could find. Also, it wasn't super performant to begin with. I actually got pretty far, in that early on it seemed to work reliably, but as my app grew it kept seeming to break itself, in that every new feature I added caused my system to quit working for various reasons. Maybe I could have used some drag and drop library that did a bit more of the work for me (like sorting the dropped elements), but since this is supposed to show off what I can do and not what some library can do, I originally went about creating my own set of components to handle all the drag and drop logic. So, without a better idea of what to build suddenly popping into my head, I set off to make a todo list app but decided to try to spice it up a bit by giving it a drag and drop interface that lets you categorize and reorganize your tasks. I had been messing around with Trello for a bit prior to starting and was inspired by its simple interface. Once again, the rules were pretty flexible in terms of scope and subject. Backgroundįor a quick bit of background, it's my last project at Flatiron, and they wanted us to make something with React and Redux this time, using Rails in API mode as a backend like our Javascript project prior. Today I'd like to talk a little bit about the latest project I've been working on again.
0 Comments
Leave a Reply. |