Akinn Rosa akinncar

learn how to build JSX basic components
learn component props
learn how to manage state
learn basic hooks (useState and useEffect)
learn how to fetch Rest API's (Axios, SWR)
learn how to use routes with React Router DOM
learn how to manage global state (Context API, Redux, MobX)
learn how to make unit tests with Jest
learn how to use GraphQL (Apollo, Relay)

You first need to undestand the concept of frontend tests.

You should not test the implementation but the behavior

You test like the end user

For instance, imagine a login screen with email and password inputs and a submit button

The test should input the email and the password, then click in the submit button.

Here is the best setup (I think so :D) for K-series Keychron keyboards on Linux.

Note: many newer Keychron keyboards use QMK as firmware and most tips here do not apply to them. Maybe the ones related to Bluetooth can be useful, but everything related to Apple's keyboard module (hid_apple) on Linux, won't work. As far as I know, all QMK-based boards use the hid_generic module instead. Examples of QMK-based boards are: Q, Q-Pro, V, K-Pro, etc.

Most of these commands have been tested on Ubuntu 20.04 and should also work on most Debian-based distributions. If a command happens not to work for you, take a look in the comment section.

Make Fn + F-keys work (NOT FOR QMK-BASED BOARDS)

Older Keychron keyboards (those not based on QMK) use the hid_apple driver on Linux, even in the Windows/Android mode, both in Bluetooth and Wired modes.

tips to evolve as a developer

developers get stuck, paralized

https://nav.al/finding-time

https://www.oreilly.com/library/view/apprenticeship-patterns/9780596806842/ch04.html

Make It Stick https://www.amazon.com.br/Make-Stick-Science-Successful-Learning/dp/0674729013

Olá. Antes de iniciar, só para te contextualizar: escrevi esse arquivo na intenção de ser um roteiro para uma série de vídeos, por isso, em alguns casos, verão eu me referindo a este como se fosse um vídeo. No mais, espero que aprendam bastante, e compartilhe o conhecimento. Abs, Daniel Bonifacio.

JavaScript before any framework

É claro que todo desenvolvedor web já ouviu falar (ou ao menos deveria ter ouvido) sobre React, Vue ou Angular. Estas ferramentas são chamadas de frameworks, que são, basicamente, um conjunto de ferramentas para agilizar o desenvolvimento de aplicações front-end.

Escolher um framework para trabalho, às vezes, é uma decisão difícil. Empresas usam X, você gosta de Y, mas Z paga melhor, enfim... uma porra!

Mas existe algo em comum entre eles que você precisa saber antes de escolher um: JavaScript. Me chamo Daniel Bonifacio, sou Engenheiro de Software e nessa série eu vou te ensinar tudo que você precisa saber sobre JavaScript antes de entrar de cabeça em estudos de algum framewo

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Intl.NumberFormat</title>
	<script type="text/javascript" charset="UTF-8" src="script.js"></script>
	</head>
	<body>
	<output id=output></output>

	pragma solidity ^0.4.24;

	// ----------------------------------------------------------------------------
	// Sample token contract
	//
	// Symbol : LCST
	// Name : LCS Token
	// Total supply : 100000
	// Decimals : 2
	// Owner Account : 0xde0B295669a9FD93d5F28D9Ec85E40f4cb697BAe

	How to reopen a pull-request from github?

	Precodinitions
	You need the rights to reopen pull requests on the repository.
	The pull request hasn't been merged, just closed.

	Go to Pull requests add filter `is:closed` choose PR you want to reopen. Select from checkbox and mark as Open.

	import firebase from 'firebase/app';
	import 'firebase/messaging';
	import { useEffect, useRef } from 'react';

	import config from '../config';

	import firebaseConfig from './firebaseConfig';
	import { PushTokenAddMutation } from './__generated__/PushTokenAddMutation.graphql';
	import { PushTokenAdd, USER_PUSHENDPOINT_TYPE } from './PushTokenAddMutation';

	import React, { useContext, useCallback } from 'react';

	export const FeatureFlagContext = React.createContext<string[]>([]);

	export const useFeatureFlag = () => {
	const features = useContext<string[]>(FeatureFlagContext);

	const hasFeature = useCallback(
	(feature: string) => {
	return features.includes(feature);