Romain ermineaweb

French developer

ermineaweb / ANSI.md

Last active January 24, 2024 20:47 — forked from fnky/ANSI.md

ANSI Escape Codes

ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

ermineaweb / users.js

Created January 15, 2021 20:06

	function Users({ users }) {
	const [bookmarksOnly, setBookmarksOnly] = useState(false);
	const [usersState, setUsersState] = useState(users);
	const [bookmarks, toggleBookmark] = useBookmarks();

	const changeBookMarksOnly = (e) => {
	setBookmarksOnly(e.target.checked);
	};

	useEffect(() => {

ermineaweb / user.js

Created January 15, 2021 20:05

	{usersState.map((user) => {
	const isBookmarked = bookmarks.includes(user.id);
	return (
	<div key={user.id} className={`user ${isBookmarked ? "bookmarked" : ""}`}>
	<div>{user.username}</div>
	<button onClick={toggleBookmark(user.id)}>
	{isBookmarked ? "Remove from bookmarks" : "Add to bookmarks"}
	</button>
	</div>
	);

ermineaweb / uesBookmarks.js

Created January 15, 2021 20:05

	function useBookmarks() {
	const [bookmarks, setBookmarks] = useState(() => {
	const ls = localStorage.getItem("bookmarks");
	if (ls) return JSON.parse(ls);
	else return [];
	});

	const toggleItemInLocalStorage = (id) => () => {
	const isBookmarked = bookmarks.includes(id);
	if (isBookmarked) setBookmarks((prev) => prev.filter((b) => b !== id));

ermineaweb / App.js

Created January 15, 2021 20:03

ermineaweb / Users.js

Created January 15, 2021 20:02

	function Users({ users }) {
	return (
	<div className={"root"}>
	<div className={"users"}>
	{usersState.map((user) => {
	return (
	<div key={user.id} className={`user`}>
	<div>{user.username}</div>
	</div>
	);

ermineaweb / User.js

Created January 15, 2021 20:01

user

	{usersState.map((user) => {
	return (
	<div key={user.id} className={`user`}>
	<div>{user.username}</div>
	</div>
	);
	})}

ermineaweb / scrollbar.css

Created January 8, 2021 09:17

ermineaweb / User.js

Created December 16, 2020 20:12

User

	const handleCreateUser = () => {
	createUser({
	variables: { username },

	optimisticResponse: {
	__typename: "Mutation",
	// use the uuid library to have a unique ID
	createUser: { __typename: "User", id: 123456, username },
	},

ermineaweb / Users.js

Created December 16, 2020 20:11

Users

	const mutationRequest = gql`
	mutation($username: String!) {
	createUser(username: $username) {
	id
	username
	}
	}
	`;

	function Users({ users }) {