Skip to content

Instantly share code, notes, and snippets.

Avatar

Hristo Eftimov HristoEftimov

View GitHub Profile
@superKalo
superKalo / browser-extension-api.js
Last active Oct 17, 2017
Make your browser extension code compatible with all browsers APIs
View browser-extension-api.js
/**
* Тhe Extension API model is currently being standardized to browser.xxx,
* and some browsers are defining their own namespaces in the meantime
* (for example, Edge is using msBrowser).
*
* Fortunately, most of the API remains the same behind the browser.
* So, it’s very simple to support all browsers and namespace definitions.
*
* You’ll also need to use the subset of the API supported by all browsers:
* - Microsoft Edge: https://docs.microsoft.com/en-us/microsoft-edge/extensions/api-support
@mediavrog
mediavrog / gist:49c4f809dffea4e00738a7f5e3bbfa59
Last active Aug 2, 2020
CORS in Google Cloud Functions for Firebase
View gist:49c4f809dffea4e00738a7f5e3bbfa59
const cors = require('cors')({origin: true});
exports.sample = functions.https.onRequest((req, res) => {
cors(req, res, () => {
res.send('Passed.');
});
});
@superKalo
superKalo / Sortable.jsx
Last active Jul 8, 2020
How to use jQuery UI with React JS? You can use this approach to integrate almost any jQuery plugin! Full details and explanation here: http://stackoverflow.com/a/40350880/1333836
View Sortable.jsx
class Sortable extends React.Component {
componentDidMount() {
// Every React component has a function that exposes the
// underlying DOM node that it is wrapping. We can use that
// DOM node, pass it to jQuery and initialize the plugin.
// You'll find that many jQuery plugins follow this same pattern
// and you'll be able to pass the component DOM node to jQuery
// and call the plugin function.
View on-jsx.markdown

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

View react-scaled-file-upload.js
function resize (file, maxWidth, maxHeight, fn) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (event) {
var dataUrl = event.target.result;
var image = new Image();
image.src = dataUrl;
image.onload = function () {
@kevin-smets
kevin-smets / iterm2-solarized.md
Last active Oct 22, 2020
iTerm2 + Oh My Zsh + Solarized color scheme + Source Code Pro Powerline + Font Awesome + [Powerlevel10k] - (macOS)
View iterm2-solarized.md

Default

Default

Powerlevel10k

Powerlevel10k

You can’t perform that action at this time.