Day 4 React beautiful dnd library was a great solution to achieve drag and sort functionality. I was able to get the library working after reading some docs and following examples #100DaysOfCode

Day 2-3 Attempted to piece together React and Draggable libraries for reordering a list of items in the state context. No wins so far, so I'll just try out the react-beautiful-dnd library instead. #100DaysOfCode

I'm publicly committing to the 100DaysOfCode Challenge starting today! Day 1 Made a React component that uses the Draggable library to create sort functionality on a list of elements. Didn't expect the library to work so well with react js. Alex Kallaway | Discomfort Academy #100DaysOfCode

Day 14-15 Attempted to build a header from an existing clothing website with react and styled components. Learned about passing props to styled components #100DaysOfCode

Day 12-13 Attempted build a react project with draggable components. Had a lot of fun figuring out repositioning an element form synthetic events #100DaysOfCode

Day 10-11 Learned more about creating hooks, and discovered a library of hooks from usehooks.com. Plan to learn more about the custom hooks for the next thing. #100DaysOfCode

Day 9 Created draggable react components with the Draggable library with the useEffect hook. Also learned that UI libraries like Draggable don't mix with React all that well for state updates. Looking into a work around or moving on to the next thing #100DaysOfCode

Day 7-8 Learned about inserting html into the note component using dangerouslySetInnerHTML. Might m move to the next thing considering the complexity. #100DaysOfCode

Day 6 Just learned that the choppy effect had something to do with the handling of state between the parent and child components. So I had move state up from controlled component to the top-level. I fixed the problem, but plan to learn more on why #100DaysOfCode

Day 5 Attempted to solve the choppy re-render after every keypress event. Also learned about uncontrolled and controlled forms; and hooks that update state without re-rendering. May be overthinking a simple fix #100DaysOfCode

Day 3-4 Had to work more on how to capture form input without a submit button for the todo list. I think that I may need to simplify the implementation. Hope to spend more time tomorrow #100DaysOfCode

Day 2 Worked more on the todo list and replaced the form text input with a contenteditable div. Used the useRef hook to capture text input to avoid rerendering on keypress. Now I'm wondering how to avoid an app from rerendering after an input event? #100DaysOfCode #ReactJS

Day 1 Created a small react todo list app. In the process, re-learned more about how react handles input. Aiming to refine some things match more of Google Keep's design and function
#100DaysOfCode

Day 1 Committing to another #100DaysOfCode . Learning Koa.js from codingphase. Learning alot about server-side rendering and routing.

Day 7 Fixed a major problem with Apollo test by updating the babel dependencies. Now, I'm trying to fix a query error that happens after the test render. #100DaysOfCode #30DaysOfReact

Day 6 Learned some things about testing React with Apollo js. Tomorrow, I'll run some tests on one of Shopify's repos. Just learned that Apollo graphql is the future #100DaysOfCode

Day 5 Wrestled with create-react-app to get jest command working. I learned the hard way that you leave as is. Use react-scripts instead. It's ready out of the box for testing. Time to write some tests #100DaysOfCode

Day 2-4 Learning more about Jest testing and React Testing Library. These are some awesome tools for development and testing specifically. #100DaysOfCode

Day 1 Built most of the frontend for a file drag and drop upload react component. Learned some things about drag and drop api, synthetic events and tailwind. Tailwind real useful
#30DaysOfReact #100DaysOfCode

Got my badge ready for Jamstack Conf 2021! See you there? jamstackconf.com/badge/cLViQpBT…