Call for recipes about reagent-cookbook HOT 24 CLOSED

drag & drop would be nice, this might be a good starting point

from reagent-cookbook.

Added a simple jQuery ui draggable recipe, will soon add droppable.

from reagent-cookbook.

I think tricky ones. Like popup with click outside functionality. Transactions. Cross component syncronization using channels and shared state. Code organization tips.

from reagent-cookbook.

@Gonzih I found that you generally don't need core.async with Reagent at all. If you have two components that need to communicate then you can simply use an atom for that. For example, I could have a button that triggers an Ajax call and have the callback set the atom state. The other component can observe the atom and will be repainted whenever the atom state changes.

from reagent-cookbook.

@yogthos That's my observation too. Om -> Reagent = less core.async or handlers.

from reagent-cookbook.

I had great experience with core.async and reagent to synchronyze local state for component based on pop state events from browser's history.

from reagent-cookbook.

A simple "focus" recipe would be good.

from reagent-cookbook.

I hadn't realized the call for recipes was here. Here are the couple I mentioned on reddit:

• Input field validation
• Drop-down calendar

And another user replied directly to my post saying:

In the integration with js dept, I'm wondering how best to do user avatar cropping / resize before upload.

from reagent-cookbook.

@ricardojmendez thanks for porting those recommendations to this thread. Just added a recipe for a dropdown calendar. Will work on adding some more from everyone's suggestions soon!

from reagent-cookbook.

In one of my personal projects, I'm getting ready to add Google Maps to my Reagent front end. I could take a detour and submit a recipe based on the Leaflet example if you're interested.

from reagent-cookbook.

@inchingforward Yeah, a Google Maps recipe would be great! Please fork, branch, and make a pull request when you are ready.

from reagent-cookbook.

A file upload recipe would be interesting. Perhaps using blueimp?

from reagent-cookbook.

I have an example of doing an upload here

from reagent-cookbook.

An autocomplete recipe would be sweet.

from reagent-cookbook.

@redalastor that one's actually very easy, take a look here and should be trivial to extract to a standalone example

from reagent-cookbook.

Actually, for my own use I took jQueryUI's for the extra functionality and because I already needed to include it for the portlets. But I figure it's a common request.

from reagent-cookbook.

Autocomplete

@redalastor I think having a few autocomplete recipes would be useful.

1. Since I have a jQuery UI section already, I'll probably go ahead and add a recipe for their autocomplete.
2. I haven't used it yet, but I think making a recipe using reagent-forms :typeahead would probably be useful too.
3. Recipe based on the example @yogthos provided in this thread

file upload

I'll take a look at blueimp and dropzone. However, this is a recipe that would probably be better if someone else wrote. So if anyone wants to take a stab at making a recipe for this I'd appreciate the help! Also, @yogthos example could be turned into a recipe if someone is interested in making that too.

dependent lists

This was requested on reddit, just making a note of it here so I don't forget.

input field validation

I think this would be good.

code organization

@Gonzih I am working on a watered-down version of a bootstrap theme for Reagent (like the themes found on wrap-bootstrap). I think this will serve as a good example for code organization for a 'larger' project.

from reagent-cookbook.

+1 for file upload, preferably also a solution that supports IE9 (using iframe transport). I have tried it with Google Closure's iFrameIo, but I'm also curious about a solution with jQuery file upload.

from reagent-cookbook.

Anyone interested in making a file upload recipe? :)

from reagent-cookbook.

This could be a good starting point, but I don't have time to convert it to a recipe in the near future. :)

The recipe could show a list of files and allow uploading/deleting files from it.

from reagent-cookbook.

Another idea for a recipe: using react-router together with Reagent. It should be possible according to David Nolen... https://twitter.com/borkdude/status/566699230853865474

from reagent-cookbook.

@yogthos Why didn't I see your yuggoth repo before. It contains several implicit recipes I really can use in my current project! Thanks! 👍

from reagent-cookbook.

haha excellent, feel free to extract those into actual recipes if you get a chance :)

from reagent-cookbook.

Moving discussion to google groups: https://groups.google.com/forum/#!topic/reagent-project/KW9-HJR9ATA

from reagent-cookbook.