react-blur

Dev tools

ui component

SHOW HN2015

25points
17comments
#1,043of 2,565 in 2015
Top 41%of 2015 by points

How HN took it

CuriousMostly questions and neutral comments

2 positive, 5 neutral or asking, 0 mixed, 2 critical, out of 9 comments about the project. Thread score +0.02.

Idea: 2 for, 1 againstDesign: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Nice work, useful contribution

    From 3 comments
    • Nice work. Suggestion: Add support for frosted glass since it's an easy extension. You would only need another parameter for an RGBA color for "tint". Then draw over the blurred…
      WhitneyLand on HN
    • Thanks for the contribution! Minor point: It would be nice if the demo's slider would be draggable on mobile, iOS Safari can't see it in action.
      untilHellbanned on HN
    • Nice work! I noticed that you're caching `this` as a variable: ``` var Blur = this, ``` And it looks like you're doing so to avoid scope problems in anonymous functions: ```…
      morley on HN

Objections

  • CSS filters could do this with better performance

    From 1 comment
    • Does this need to be a canvas-scribbling React component when you can do this with better performance using a couple of lines of CSS filters? Is there some advantage I'm missing?
      fitter on HN
  • Written as React component rather than plain JavaScript

    From 1 comment
    • But why write this as a React component, when a plain javascript implementation would do fine (in view of compatibility with existing code, which may not be using React)? Am I…
      amelius on HN

Requests

  • Add frosted glass tint option

    From 1 comment
    • Nice work. Suggestion: Add support for frosted glass since it's an easy extension. You would only need another parameter for an RGBA color for "tint". Then draw over the blurred…
      WhitneyLand on HN
  • Make demo slider draggable on mobile

    From 1 comment
    • Thanks for the contribution! Minor point: It would be nice if the demo's slider would be draggable on mobile, iOS Safari can't see it in action.
      untilHellbanned on HN

Questions

  • How does performance compare to CSS?

    From 1 comment
    • I'm not smart enough to know how good the performance is on this. Decent? Better than CSS?
      antidaily on HN
  • Can SVG filters be used instead of canvas in IE?

    From 1 comment
    • You can. SVG Filters are supported. http://blogs.msdn.com/b/ie/archive/2011/10/14/svg-filter-effects-in-ie10.aspx Edit: to clarify, the image would need to be moved into the SVG…
      spdustin on HN

Alternatives named

  • CSS filters

    From 1 comment
    • Does this need to be a canvas-scribbling React component when you can do this with better performance using a couple of lines of CSS filters? Is there some advantage I'm missing?
      fitter on HN
  • SVG filters

    From 1 comment
    • You can. SVG Filters are supported. http://blogs.msdn.com/b/ie/archive/2011/10/14/svg-filter-effects-in-ie10.aspx Edit: to clarify, the image would need to be moved into the SVG…
      spdustin on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/9317993)