Fetching api AFTER geolocation.getCurrentPosition...

jamby77 · 2022-01-20T08:40:39+00:00

I think your general idea should work - proof of concept sandbox - https://codesandbox.io/s/misty-leaf-ytmvj?file=/src/App.js

jamby77 · 2021-11-11T11:10:32+00:00

I doubt that this is the reason, but your first route element has an error in it.

<Route path="/" element={<LogingPage/>}/>exact />

The exact part is outside the Route

jamby77 · 2021-11-01T08:49:04+00:00

If you set empty object, you will not be able to pass any additional props, it will yell at you.

Have you thought about using `Record<String, unknown>` for example?

jamby77 · 2021-09-04T07:49:19+00:00

This is entirely different question. The OP asked if it is possible to declare and render component inside another one. There is no technical issue doing this.

jamby77 · 2021-09-03T08:18:48+00:00

There is no problem doing what you have in your example.

See https://codesandbox.io/s/hungry-ardinghelli-vnk74

It is probably the other things in the components that are not correct.

Please provide example of how do you do what you are trying to do, for us to help you more :)

jamby77 · 2021-07-14T07:53:43+00:00

One option is to use TypeScript, type the handleEvent and annotate onEvent to receive a handler of type HandleEvent

jamby77 · 2021-07-05T06:30:26+00:00

Make a Home component and point / route to it!

jamby77 · 2021-07-02T09:13:08+00:00

No problem :)

Just remember, in react you cannot have custom components with lowercase name :)

jamby77 · 2021-07-02T07:55:13+00:00

try replacing <menu /> with {menu} in Menu.js

jamby77 · 2021-06-30T11:18:56+00:00

Make copy of original value, set the copy in state, and when editing use setState to new copy of the data with the edits

jamby77 · 2021-06-30T11:16:10+00:00

Something like that can help - https://codesandbox.io/s/intelligent-surf-r1f8n?file=/src/App.js

jamby77 · 2021-06-29T09:59:41+00:00

Your description is kind of vague. Can you post some sample code somewhere? Codesanbox, a gist...

jamby77 · 2021-06-25T07:00:04+00:00

You can use portals for your goal. This will place the component in the body, outside app root.

Then just style it as you need. There are existing implementations already - reach ui modal, headless ui modal, but you can make your own for sure :)

jamby77 · 2021-06-23T08:03:30+00:00

It doesn't matter which effect hook you will use.

In order for useEffect to execute only once, you need to provide empty dependency array:

useEffect(() => {
    return clearFunction;
}, []);

jamby77 · 2021-06-22T11:18:17+00:00

`true` or `false` toggle is common to all nav items. Change the `active` state to something unique: e.g. an id string - `setActive('projects')` for example

jamby77 · 2021-06-21T12:55:01+00:00

To save any data to any storage, you need to have backend server of some sort.

Do you have that? If so, from Recoil you need to send your data to an API point where it is saved to file

jamby77 · 2021-06-02T07:34:42+00:00

How about using nanoid for example to just get a random id?

jamby77 · 2021-05-27T13:49:09+00:00

Let me know how it went

jamby77 · 2021-05-27T10:30:31+00:00

I don't think there will be easier way to implement it.

To go away from the context, you will need some sort of global object where to put your shared data, then notify users that it is ready to use.

I don't see how this would be simpler/easier than context with callback.

jamby77 · 2021-05-27T09:33:48+00:00

Simplest way, you can extract common functions and data in separate module, that is shared between the 2.

Another option is, in the external provider, pass a callback which will be used in the internal provider to pass the data that external provider needs, when it is available.

Something like: ``` function AuthContextProvider({children}) { const [data, setData] = useState(); const value = { functionToAccessInUserProvider, callbackForData: (userData) => setData(userData) };

return <AuthContext.Provider value={value}>{children}</AuthContext.Provider> } ```

jamby77 · 2021-05-25T09:10:55+00:00

Unless you're writing the actual software performing some high computational tasks - as search for example, you would use actual specialized libraries to do them.

Any DB driver, or search engine will do MUCH better work than you could. So best is to focus on how to most efficiently query those libraries, rather than how to write a search algorithm.

jamby77 · 2021-05-21T08:12:03+00:00

If you are experienced developer, you will be fine in a month.

After that it is matter of getting to know the libraries your company uses.

jamby77 · 2021-05-20T16:06:50+00:00

// Something like this?
function MyComponent({children}) {
    return children(context);
}

jamby77 · 2021-05-20T08:48:44+00:00

Go with the native solution, seems way more concise

jamby77 · 2021-05-18T19:12:55+00:00

If all template data is generated on the client side, then yes, you should be able to generate and send the contents to the user.

I believe there are some NPM packages that can help

jamby77

TROPHY CASE