DevGuide πŸ‡΅πŸ‡Έ
10.9K subscribers
2.51K photos
17 videos
127 files
3.52K links
Join our channel for top-notch programming hacks, epic discussions, and brilliant career moves. πŸš€

⚑️ Stay connected with me: linktr.ee/AliSamir

πŸ“ To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
React JS Tools For Developers

- React Bootstrap
React Bootstrap is a framework that has been rebuilt to be able to use Bootstrap for React projects.

- Redux
Redux is an application that helps you easily manage the states in your react project in particular and general JavaScript application.

- Create React App
Create React App helps you to create projects quickly and easily with just one sentence command without having to perform complicated settings as usual.

- React Developer Tools
React Developer Tools is a tool created by Facebook that makes it easy for developers to control Check and develop the react project.

- Storybook
Storybook is an open source tool for building user interface components and pages in an intuitive way individual. It streamlines development, testing, and user interface documentation.

- React.js CheatSheet
React.js CheatSheet is a collection of common properties in react.

- Evergreen
Evergreen is a React UI framework for website development.

- Reactide
Reactide is an IDE dedicated to developing React web applications.

- React Hot Loader
React Hot Loader helps you refine React components in real time.

- React Styleguidist
React Styleguidist is an environment to help you develop components with a living style guide.

- React Testing Library
React Testing Library helps you to test components in your project.

- React Cosmos
React Cosmos helps you develop projects efficiently, build UI components easily, share quickly component libraries, automated testing.

- React Proto
React Proto is a React app prototyping tool for developers and designers.

- React Hook Form
React Hook Form is a tool that helps you to easily validate, test speed, provide useful APIs… for form.

- React Bits
React Bits is a collection of react patterns, techniques, and tips for react developers.

- Styled Components
Styled Components make it easy to incorporate CSS into JavaScript.

- React Starter Projects
React Starter Projects is a collection of useful libraries for programmers when developing projects react.

β€”β€”β€”

@phoenixcoding
πŸ”₯1
Tailwind CSS UI Kits
β€”β€”β€”
daisyUI
- The most popular, free and open-source Tailwind CSS component library.

Mamba UI
- Mamba UI is a free, open-source collection of UI components and templates based on Tailwind CSS.

Headless UI
- Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Tailwind Starter Kit
- Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from Tailwind CSS.

@phoenixcoding

Material Tailwind
- Material Tailwind is an easy to use components library for Tailwind CSS and Material Design.

Gust UI
- A Free Tailwind UI kit for visionary applications.

TUK
- Build captivating experiences with accessible, fully responsive, drop-in-ready Tailwind CSS components and fast-track your workflow. Get started FREE with 250 COMPONENTS.

Kometa UI Kit
- We are giving away our first UI kit for free. It includes over 130 sections, built with Tailwind CSS, for your awesome projects.

Meraki UI
- Tailwind CSS Components That Support RTL Languages & Fully Responsive Based On Flexbox & CSS Grid With Elegant Dark Mode.
πŸ”₯1
GitHub Repos To Master React JS
β€”β€”β€”
Awesome React
- A collection of awesome things regarding the React ecosystem.

React in patterns
- A free book that talks about design patterns/techniques used while developing with React.

30-Days-Of-React
- A 30DaysOfReact challenge is a guide for both beginners and advanced JavaScript and React developers.

Real-world React apps
- Learn from React apps written by experienced developers.

React Bits
- A compilation of React Patterns, techniques, tips and tricks.

React & Redux in TypeScript - Complete Guide
- This guide is a living compendium documenting the most important patterns and recipes on how to use React (and its Ecosystem) in a functional style using TypeScript.

Awesome React Components
- This is a list of AWESOME components.

Ahooks
- A high-quality & reliable React Hooks library.

Beautiful React Hooks
- A collection of beautiful (and hopefully useful) React hooks to speed-up your components and hooks development.

React Use
- The essential collection of custom React Hooks, complete with documentation.

useHooks
- This is the repository for usehooks.com, a Gatsby powered blog that publishes easy to understand React Hook code recipes.

React TypeScript Cheatsheets
- Cheatsheets for experienced React developers getting started with TypeScript.

React JS coding challenges
- A series of React JS coding challenges with a variety of difficulties.

React Interview Questions & Answers
- List of top 500 React JS Interview Questions & Answers.

React Hooks Cheatsheet
- A Cheatsheet with live editable examples.

React - Redux Links
- Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles and resources for someone who wants to learn about the React-Redux ecosystem.

React Developer Roadmap
- In this repo you can find a chart demonstrating the paths that you can take and the libraries that you would want to learn to become a React developer.

Awesome React Hooks
- Awesome React Hooks Resources.

Awesome Next.js
- Curated list of resources: books, videos, articles about using Next.js.
β€”β€”β€”
@phoenixcoding
❀2πŸ‘2
Chrome Extensions For Frontend Developers

Responsive Web Design Tester
- Responsive Web Design Tester is a quick and easy way to test your responsive website.

Dimensions
- A tool for designers to measure screen dimensions.

ColorZilla
- Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies.

WhatFont
- The easiest way to identify fonts on web pages.

PerfectPixel by WellDoneCode
- This extension helps develop your websites with pixel perfect accuracy!

Lightshot
- Simple and convenient screenshot tool. Select an area, edit your screenshot and upload it to the server.

UX Check
- Run a heuristic evaluation on your website.

Code Cola
- Code Cola is a chrome extension for editing online pages' CSS style visually.

Corporate Ipsum
- Generate random corporate double-speak for use as filler text.

GoFullPage - Full Page Screen Capture
- Capture a screenshot of your current page in entirety and reliablyβ€”without requesting any extra permissions!
β€”β€”β€”
@phoenixcoding
πŸ‘1
πŸ”₯2
Interview Warmup from Google

- A quick way to prepare for your next interview.

https://bit.ly/3SbQcCj
AWS Machine Learning Engineer Scholarship Program
---
https://bit.ly/3PO8V5i