Skip to content

Instantly share code, notes, and snippets.

@insin

insin/IDEAS.md

Last active May 30, 2023 19:55
Show Gist options
  • Save insin/98eed17905bcb6a65bf0 to your computer and use it in GitHub Desktop.
Save insin/98eed17905bcb6a65bf0 to your computer and use it in GitHub Desktop.
Download ZIP
IDEAS.md (coming soon - open in http://insin.github.io/ideas-md#98eed17905bcb6a65bf0 for editing)
Raw
IDEAS.md

Hello from Gist!

Hello from IDEAS.md

ideas-md

Markdown ↔ HTML view

Confirmation for certain actions

  • Overwriting non-empty/default contents on import

Preferences UI?

  • Choose import/export format instead of guessing/inferring

Manual re-ordering.

Pinning? Keep at top? Stop from floating to top?

Animate moving sections. Suggestions:

universal js

Medium post about POST and redisplay with React Router 1.0.0(-beta2)

Talk

  • Tech forum at work to try it out
  • Belfast.js?

reusable react apps

Apps which hook into URL, state management etc. etc. via context - could this be the basis for a framework-like React stack?

isomorphic-lab

Update for React Router 1.0

Isomorphic File upload experiment with newforms 0.12

Create a multi-object admin CRUD?

react-lessons

Use JSONP to import from a given GitHub Gist URL/hash in viewing mode

Admin/editing UI

  • Make toggleble
  • Improve clunky button-based UI

Option to save user's code & position in each lesson so they can flick back and forward without losing code or context

Saving to Gist? Can that be done without a backend?

Investigate use as a reusable app mounted at a given point in another project's React Router routes

react-hn

Another stab at linearising?

  • On every firebase change, need to determine which ids are new and which are gone
  • Could Redix help here?

Use page title implementation from isomorphic-lab

Try integrating react-scrollthing

Vary colours of new posts by age

Flashing window titles(?)

Prevent double flash of loading indicator when dummy list page items get replaced with real list item loading indicators once the id list loads

Find out why seemingly every new story goes from {} to undefined while loading

Add the ability to filter out links by domain

Some sort of read/unread indicator in list views?

  • for stories you haven't visited
  • time since last visit on hover of visited story list items?

crucible-stats

Write proper username grabber

Create another build for J with updated usernames

Figure out how to package NW.js with binary dependencies for ActiveDirectory

Port to Electron: https://github.com/atom/electron?

react-router-form

Update for react-router 1.0 API

Default handling of File objects in the data object?

  • What about controlled forms?
    • Automatic onChange on the form?
      • Where does data live?
      • Use a passed onChange handler to feed data back up?

msx

Deprecate when Mithril > 0.2 is released

inputmask-core

Merge PR to start from first editable character

Rewrite to be check-up-front?

React <Static>

Renders children and never updates?

Saucelabs + Travis CI testing

Cross-browser testing for get-form-data

https://blog.algolia.com/modern-javascript-libraries-the-isomorphic-way/ https://github.com/defunctzombie/zuul/wiki/cloud-testing

Sphinx JavaScript domain

Learn docutils

Review current impl

Play with ideas in insin-notes: http://insin-notes.readthedocs.org/en/latest/scratch/sphinx_javascript_domain.html

Misc React form stuff

Sandbox for playing around with validation/error/disabled/complete/debounce stuff

RE: https://twitter.com/jlongster/status/593905199229591554

Question: Is reconciliation the slowest part of re-rendering?

Could you write a component which is used solely to avoid reconciling its contents (which are passed into it as children) by doing an identity check on the props which were used to render them?

<AutoForm onChange={this.handleChange}>
  <Field {...username}>
    <label htmlFor="username">Username:</label>
    <input name="username" id="username" value={username.value}/>
    {username.error && <Error message={username.error}/>}
  </Field>
  ...
</AutoForm>

...where each field has its own state object which is either an <immutable library here> object or is always updated with React.addons.update() each time input or validation changes.

react-suggest

react-filtered-multiselect

Clear the filter if filtering and there is nothing displayed after selected options are removed

newforms

Evaluate Django 1.8 changes for porting:

Widgets as react components with React 0.13?

  • Build props in BoundField
  • Base DOMWidget class for widgets which handles getting data from the dom in onChange()
  • Use higher up base class for custom widgets which do their own data getting?   * But for isomorphism, all widgets need to be able to construct their values from form inputs

form.messages for error, sucess & warning messages?

Async entry point for isValid()/errors()?

Move CSS class stuff out into default react components

Validate kwargs in dev mode

Investigate React widgets further using react-split-date-input

validate() should only look at fields that haven't been validated yet

Trimming of fields - on by default?

  • Actual trimming can now be handled by get-form-data, just need config

Add HTML "required" attributes

  • Special case - empty extra formset forms

DOM tests - dun dun dunnn

react-maskedinput

Fix on Android (switch to keyup or do everything by detecting changes onChange)

react-router-active-component

just-dadjokes

Configure number of posts per page (25-100)

hot/new/top(+time period)

Display timeago on posts using react-time-ago (once it's updated for 0.13)

gulp-flatten-requires

Integrate functionality of gulp-flatten

Log (or throw - configurabl?) Error if files with duplicate names are seen while flattening

react-auto-form

Take a state path to automatically update?

newforms-bootstrap

Add option to specify offsets for horizontal fields.

newforms-gridforms

Look into resizing code gridforms is using jquery for (equal height?)

Awaiting context changes in facebook/react#2112

reactodo

Upgrade to React 0.13

Improve UX - initial experience is terrible

  • Make projects addable, editable & deleteable (with undo) inline (via tabs?)

Replace dnd impl with react-dnd

Move data and ops out to stores (good chance to try a Flux?)

get-form-data

react-side-comments

Component for commentable sections a-la Medium

Ranking of options:

1. <CommentableSection id={blah} component="p">...></CommentableSection>
2. <p>...<SideComments id={blah}/></p>
3. <SideComments><p>...</p></SideComments> - needs to generate another wrapper

react-scrollthing

Markers

Full width or element width

Title on hover

Conditional add/delete of markers

classNames for markers?

prooksy

Proxy which can inject userscripts and userstyles for non-browser usage.

Use case: using https://github.com/insin/greasemonkey/blob/master/hncommenttrees.user.js on mobile/Wii U browser

API for devices without persistent localStorage?

"ook" because monkeypatching.

Prior art (userscripts only): https://github.com/evaryont/mousehole

pimpl

Use firebase-schema

firebase-schema syntax

Look into implementing the suggested syntax in ryanflorence/firebase-schema#5

greasemonkey

Reorganise repo and add a proper README with screenshots for scripts which are still maintained/work.

react-split-date-input

Support holding mousedown/pressing on buttons

Accept string formatted input (and a format string)

Customise order of inputs (based on input format string?)

Localisation of month names

  • Base max month input size on max name size
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment