Sibelius Seraphini sibelius

These are review based on woovi frontend junior challenge

deploy frontend
select a bundling tools like nextjs, vite, webpack or rspack
use css in js
make proper components
avoid hard coded values like colors, spacing, typography
create a mini design system
use a form library like formik
use a validation library like yup

Vi que os problemas e as resoluções precisam ser discutidos e compartilhados.

Escrever uma issue primeiro é muito melhor que sair codando.

Conheci várias ferramentas super úteis para front, tipo o Clarity.

Pude aprender conceitos de filas, webhook, feature flags. Assuntos que eu não conhecia até então. A tarefa dos e-mails foi muito boa para aprender como criar um job e como funcionam as filas. Uma das coisas que mais gostei de aprender.

Como eu ainda não tinha trabalhado em uma empresa nessa área, foi absolutamente tudo novo. Desde rotina de daily, apresentar e como apresentar algo, escrever documentação, escrever como testar uma nova funcionalidade, enfim tudo isso foi aprendizado também.

do you use feature flags? expand
do you use git flow?
have you decoupled deploy from release? https://www.honeycomb.io/blog/deploys-wrong-way-change-user-experience
do you use sprints?
do you have automated tests?
do you do refactoring?
do you use types (typescript)?
how do you manage the project?
do you have daily meetings? expand
do you have written documentation?

id

title

	import legacy from '@vitejs/plugin-legacy'
	import react from '@vitejs/plugin-react-swc';
	import { defineConfig } from 'vite';
	import relay from 'vite-plugin-relay';
	// import { esbuildCommonjs, viteCommonjs } from '@originjs/vite-plugin-commonjs'

	// https://vitejs.dev/config/
	export default defineConfig({
	plugins: [
	// commonjs({

	export const renderToPipeableStreamPromise = async (
	tree: ReactElement,
	ctx: Context,
	next: Next,
	) => {
	const writableStream = new WritableAsPromise();

	let didError = false;

	const { pipe, abort } = renderToPipeableStream(tree, {

	const cluster = require('cluster');
	const path = require('path');

	const defaultOptions = {
	script: 'server.js',
	execArgv: [],
	};

	class ReloadServerPlugin {
	constructor({ script, execArgv = [] } = defaultOptions) {

	export const metabaseEmbedResolver = {
	metabaseEmbedUrl: {
	type: GraphQLString,
	args: {
	question: {
	type: new GraphQLNonNull(GraphQLString),
	},
	params: {
	type: GraphQLString,
	},

	import { slackApp } from '../src/slackApp';
	import { generalChannelId } from '../src/slackChannels';
	import { config } from '../src/config';
	import {
	filterBots,
	replaceMembers,
	} from '../src/slack/membersMapping';
	import { removeRepliedUsers } from '../src/commandMessage/dailyThreadCommand';
	import { unique } from '../src/core/unique';
	import { slackAllMembers } from '../src/slack/slackAllMembers';

	import { exec as execCb } from 'child_process';
	import dotenvSafe from 'dotenv-safe';
	import fs from 'fs';
	import moment from 'moment';
	import path from 'path';
	import semver from 'semver';
	import util from 'util';
	// eslint-disable-next-line
	import git from 'simple-git';
	// eslint-disable-next-line