Тёмный

Utilizando TailwindCSS no React Native com NativeWind 

Rodrigo Gonçalves
Подписаться 9 тыс.
Просмотров 5 тыс.
50% 1

Nessa vídeo eu vou mostrar pra você como configurar o Tailwindcss no React Native utilizando o NativeWind. O Tailwindcss é um utility-first CSS que aumenta muito a produtividade para estilizar interfaces com classes.
Curso de React Native
www.rocketseat...

Опубликовано:

 

11 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 54   
@YuriMatheusGomes
@YuriMatheusGomes 2 месяца назад
TailwindCSS no React Native é covardia pura. Sou aluno Rocketseat e você é um professor bem top de RN ... seria legal pegar um app bonito para codar ele com o tailwind.
@orodrigogo
@orodrigogo 2 месяца назад
Opa. Gostei da ideia 🤩
@32Doom32
@32Doom32 2 месяца назад
Cara, seu conteúdo é muito fácil de entender. Você explica muito bem e sem enrolação, você é melhor que muitos canais grandes.
@MateusSantos-oi4vf
@MateusSantos-oi4vf 2 месяца назад
Professor do céu se o senhor tivesse upado esse vídeo uns 4 dias antes meu projeito iria ser com tailwind kkkkkk. Mas os próximos serão. Sua didática é fenomenal! Obrigado.
@lguedes768
@lguedes768 2 месяца назад
Muito interessante o conteúdo, como sempre! O cara do react-native!
@abilioscoelho
@abilioscoelho 2 месяца назад
Matavilha Rodrigão, mais um vídeo sensacional! Gostaria de sugerir um tema para próximos vídeos: Offline first utilizando PowerSync e sqlite
@user-jo8fd6ls5z
@user-jo8fd6ls5z 2 месяца назад
uma didática impecável, sensação de pegar na tua mão e dizer: olha é assim que você tem que fazer. parabéns preciso fazer um curso seu onde encontro?
@FelipeSouza-vz6gc
@FelipeSouza-vz6gc Месяц назад
Conteudo muto bom, quero começar a usar NativeWind acho que vai facilitar e melhor o padrão de estilo. só tenho uma dúvida como poderia criar mais de um tema, exemplo dark Mode, Green Mode, to pensando usar como mostrou o arquivo de adicionar um Colors próprio só não sei se eu teria vários Colors
@sombrakey
@sombrakey 2 месяца назад
Valeu demais por esse conteúdo!!
@orodrigogo
@orodrigogo 2 месяца назад
Fico feliz em ajudar 🤩
@misterjs023
@misterjs023 Месяц назад
saudações teacher!, ultimamente tenho usado muito o pacote twrnc (Tailwind React Native Classnames), parece mais simples de configurar (na prática é só instalar e sair usando, que nem o expo😅 ), e parece oferecer o que o NativeWind oferece (ainda não explorei tudo mais acho que é isso), já deste uma olhada neste pacote? seria uma alternative boa para o NativeWind?
@kleisernairobi6561
@kleisernairobi6561 2 месяца назад
Diz aí Rodrigo, qual a forma de estilização vc usa profissionalmente em seus projetos? Não entra na minha cabeça essa forma de estilização ao estilo HTML/CSS que antigamente a gente chamava de código espaguete. No React, eu até curto ChakraUI, que são propriedades e não classes.
@alaelciolucas174
@alaelciolucas174 2 месяца назад
Muito bom cara quando vai sair o próximo aplicativo com tailwindcss no canal?
@thiagokrathos
@thiagokrathos 2 месяца назад
Vamos atualizar o curso ignite? bjo!!
@gabrielleoliveira7131
@gabrielleoliveira7131 2 месяца назад
Tenho dificuldade em fazer o deploy de projetos na Expo App Store quando uso nativewind, saberia me dar uma solução? Inicialmente deu problema no eas build, consegui buildar, mas dps deu problema no update apontando pro nativewind especificamente
@MagnoKellyFelipe
@MagnoKellyFelipe 2 месяца назад
Boa Rodrigo. Irmão tem como vc explicar uma solução de previnir printscreen no iOS? No android é tranquilo e simples , mas no iOS tá sinistro. Obrigado pelo seu tempo👍
@gabrielarosa4017
@gabrielarosa4017 2 месяца назад
Segui o passo a passo do video, mão tah dando erro no meu tailwindcss na hora que roda o app. Me parece que não tah encontrando o arquivo global.css Consegue me dar um help??
@bpinela
@bpinela 2 месяца назад
Rodrigo, você considera a v4 estável suficiente pra iniciar uma aplicação?
@williamcerqueira7236
@williamcerqueira7236 2 месяца назад
É uma possibilidade nova ainda. Seria viável ja usar em produção?
@allancassio6674
@allancassio6674 2 месяца назад
Rodrigo. pq não achamos mais os links do codigo ou de materiais nos vídeos?
@allancassio6674
@allancassio6674 2 месяца назад
como instalar o font family no app?
@Futebolmemorable
@Futebolmemorable 2 месяца назад
Uma duvida que eu tenho, na web quando quero mudar o weight da font de regular para bold, eu uso a propriedade de font weight, no react native para fazer isso tem que trocar a familia de font? ou posso usar a propriedade de font weight e passa por exemplo 700
@RobsonSilva-ww4uj
@RobsonSilva-ww4uj 2 месяца назад
Sim
@Futebolmemorable
@Futebolmemorable 2 месяца назад
@@RobsonSilva-ww4uj Um exemplo, eu tenho que usar `` FontFamily: "Inter_Bold_700" `` ou eu posso usar apenas `` FontWeight: 700 // Quando eu faço dessa forma, fica em negrito, mais parece que não é a font que eu quero `` Se alguém puder tirar essa dúvida agradeço muito.
@rafael37663
@rafael37663 2 месяца назад
Cara, muito top, estou prestes a criar uma nova aplicação com react native e tailwind, sabe me dizer se tem alguma biblioteca para native que se pareça com o shadcn ui ou radix ?
@maurotwister475
@maurotwister475 2 месяца назад
Tem sim cara, o NativeCN UI. Há um video do @Rodrigo aqui no canal que usa usa lib.
@rafael37663
@rafael37663 2 месяца назад
@@maurotwister475 booua men, vou dar uma olhada valeu 👍
@carloscurcino
@carloscurcino 2 месяца назад
Estou tendo erro ao buildar com o eas, alguém sabe por quê??
@facury3057
@facury3057 26 дней назад
Tbm, conseguiu resolver?
@carlosoliveira8439
@carlosoliveira8439 2 месяца назад
Ele não tem suporte pra grid né?
@heitormarini5249
@heitormarini5249 2 месяца назад
Tem, a documentação tem até sobre flex box e até animações. Bem completo
@felipecosta4132
@felipecosta4132 2 месяца назад
Fala rodrigão, minhas fontes não estão fazendo efeito no app. Testei com 2 já. Me dá uma luz aí
@misterjs023
@misterjs023 2 месяца назад
Olá Felipe, posso saber se instalaste e importaste as fontes desejadas?
@felipecosta4132
@felipecosta4132 2 месяца назад
@@misterjs023 Estou utilizando fontes do google, mas dá erro dizendo que não está instalado no sistema sei lá
@misterjs023
@misterjs023 2 месяца назад
​@@felipecosta4132 entendo, tenta fazer novamente a instalação, confira que se estás importando bem as fontes, e implementa a lógica de não abrir a aplicação enquanto as fontes não tiverem sido carregadas (meio que a splash screen, aproveita ela pra carregar as fontes e não redireciona o user pra nenhuma outra tela enquanto as fontes não forem carregadas)
@felipecosta4132
@felipecosta4132 2 месяца назад
@@misterjs023 Ela funciona no estilo inline style={{...}}, mas no tailwind não
@misterjs023
@misterjs023 2 месяца назад
@@felipecosta4132 acho que no tailwind não tem como passar a fontFamily no className (caso seja isso que estás fazendo)
Далее
Build any layout with tailwind | crash course
34:28
Просмотров 75 тыс.
Como utilizar o SQLite no React Native com Expo
1:14:13
Sign In with Google | React Native Expo | Tutorial 2024
15:11
Sua Primeira Aplicação React Native - Android e IOS
1:14:27
Senior Angular Developer Interview (theory)
41:57
Просмотров 19 тыс.
Login Google com Clerk: React Native + Expo (OAuth)
53:36