A dead simple React Twemoji component.
npm install --save twemoji
A dead simple React Twemoji component.
npm install --save twemoji
// Only using native browser features (no jQuery). | |
// Uses `fetch`, `DOMParser` and `querySelectorAll`. | |
const getTitle = (url) => { | |
return fetch(`${url}`) | |
.then((response) => response.text()) | |
.then((html) => { | |
const doc = new DOMParser().parseFromString(html, "text/html"); | |
const title = doc.querySelectorAll('title')[0]; | |
return title.innerText; |
// This is an example of how to fetch external data in response to updated props, | |
// If you are using an async mechanism that does not support cancellation (e.g. a Promise). | |
class ExampleComponent extends React.Component { | |
_currentId = null; | |
state = { | |
externalData: null | |
}; |
{ | |
"emojis": [ | |
{"emoji": "π©βπ©βπ§βπ§", "name": "family_mothers_two_girls", "shortname": "", "unicode": "", "html": "👩‍👩‍👧‍👧", "category": "p", "order": ""}, | |
{"emoji": "π©βπ©βπ§βπ¦", "name": "family_mothers_children", "shortname": "", "unicode": "", "html": "👩‍👩‍👧‍👦", "category": "p", "order": ""}, | |
{"emoji": "π©βπ©βπ¦βπ¦", "name": "family_mothers_two_boys", "shortname": "", "unicode": "", "html": "👩‍👩‍👦‍👦", "category": "p", "order": ""}, | |
{"emoji": "π¨βπ©βπ§βπ§", "name": "family_two_girls", "shortname": "", "unicode": "", "html": "👨‍👩‍👧‍👧", "category": "p", "order": ""}, | |
{"emoji": "π¨βπ©βπ§βπ¦", "name": "family_children", "shortname": "", "unicode": "", "html": "👨‍👩‍👧‍👦", "category": "p", "order": ""}, | |
{"emoji": "π¨βπ©βπ¦βπ¦", "name": "family_two_boys", "shortname": "", "unicode": "", "html": "👨&zw |
#!/bin/sh | |
# If you are new to arch, I encourage you to at least read and understand what | |
# this script does befor blindley running it. | |
# That's why I didn't make a one-liner out of it so you have an easier time | |
# reading and understanding it :) | |
# | |
# This scripts purpose is purly to save you a few seconds on your new installation. | |
# | |
# Enjoy your time on an awesome system. Arch FTW! |
<?xml version="1.0"?> | |
<!DOCTYPE fontconfig SYSTEM "fonts.dtd"> | |
<!-- /etc/fonts/conf.avail/51-noto-color-emoji.conf --> | |
<fontconfig> | |
<selectfont> | |
<acceptfont> | |
<pattern> | |
<patelt name="family"><string>Noto Color Emoji</string></patelt> | |
</pattern> | |
</acceptfont> |
<?xml version="1.0"?> | |
<!DOCTYPE fontconfig SYSTEM "fonts.dtd"> | |
<!-- /etc/fonts/conf.avail/51-noto-color-emoji.conf --> | |
<fontconfig> | |
<selectfont> | |
<acceptfont> | |
<pattern> | |
<patelt name="family"><string>Noto Color Emoji</string></patelt> | |
</pattern> | |
</acceptfont> |