To-Do-App | simple applications that allows users | Frontend Framework library

I've searched around quite a bit for this, but I'm not able to find a React Hooks example that works where the state has nested objects. I've been mostly following this tutorial. I've created an example fraction calculator component, wherein I want to recalculate the result whenever either input field changes:

I have created a simple to-do app. I am creating div for every to-do being created and set min-height for the div in case if the content grows larger than div but even after setting the min-height of div content grows outside of div. Could anyone please point out what I am missing? I have attached the screenshot of the output.

I just started studying Flutter and try to connect a simple Todo app to Firestore. For that I want to use the setOption 'merge' so that prior listings don't get deleted. However, every time I try to debug I receive the error 'No named parameter with the name 'merge''. Here is the code with the merge:

I did 2 tutorials on using REACT. "to-do-app" is a django/react project while "robofriends" is a purely react project. "to-do-app" uses .bind(this) for its functions while "robofriends" does not use this method. While i understand why the .bind method is needed, i do not understand why "robofriends" was able to work without binding its functions.

to-do app (apps.js)

Basically I am trying to make a to-do-app which will be based on the CITY that a user submits from, if they submit from VANCOUVER, then I want there to be a collection created named VANCOUVER and the post to be submitted there, then I can collect posts from that collection, the reason being performance when I begin to add query , so I dont have to query alot of the posts if I just need info from 1 city.

I did read the docs and current I am experimenting, would love some input here.

If someone can point me to some articales or guides / good doc points, I would love that or just help me if I am going the right way , or perhaps I should be looking at the problem in a different light?

This is my current route file

I have created a basic todo app which has package.json file as:

I am learning web components and am building a dynamic list to get the hang of them. Having got it working, I read that it's best to attach the shadow root using the connectedCallback method. However, having tried to do this, I get a bunch of errors I can't fix. Also, The way I am setting a simple attribute to a label seems a bit long winded: is there a simpler way just to pick up an attribute and display it as a label?

This is my working example:

Hello I tried to search in other questions but none of mentioned solutions I tried did not work for me.

When using command:

npm start

I have an error:

ERROR in ./src/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: D:/Kodilla/Projekty/webpack-to-do-app/src/index.js: Unexpected > token (6:4) 5 | ReactDOM.render( 6 | , | ^ 7 | document.getElementById('app') 8 | );

Defined command in package.json:

I have seen examples of passing a function from a parent lit-element to a child one like here - https://medium.com/@westbrook/litelement-to-do-app-1e08a31707a4

But I want the users of my element, not to be forced to create a wrapper element to use my element.

For example, my element is a dialog that computes some value.

I was hoping I could do something like this (html using my element):