✨7 GitHub repositories that can help you in your React development journey✨

1️⃣ Awesome React

- A collection of awesome things regarding React ecosystem. In this repo you will find tools, tutorials and other resources in various form

https://t.co/ovEsMyiIPJ

2️⃣ React learning

- As the repo name suggests in this repo you'll find a curated list of free resources to master React Development

https://t.co/2wBOD7lIS2

3️⃣ Beatiful React Hooks

- A collection of various custom hooks that can speed up your React coding process

https://t.co/hRkUvF80jy

4️⃣ Awesome React Components

- A huge curated List of React Components & Libraries that can solve a real problem. Definitely check it out

https://t.co/rrPjpwLJcx

5️⃣ Amazing React Projects

- As the term suggest, in this repo you will find an amazing list of React projects and React native projects which are open source

https://t.co/h0H2GXndyo

6️⃣ 30 Seconds of React

- Short React code snippets for all your development needs. You can visit site and search for code snippets as well

https://t.co/PeEBGhLhK7

7️⃣ React use

- A great collection of pre built custom hooks that you can use in your project straight away. Hooks are divided into categories.

https://t.co/pub1mfJS9M
Follow @learn_JavaScript_js for more JavaScript content.

___________________

Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :

@Programmingworld_dev

For any quires you can ask in this group :

@devlopers_hub

Hey! Welcome to the Devlopers Hub group. First of all, please read the rules:
@devlopers_hub

Want to learn JavaScript and conquer the world? Start here:

Tutorials and Books
- JavaScript For Cats is a dead simply introduction for new programmers.
- MDN JavaScript Guide has the most standard and straightforward tutorials. If you need references, MDN is here for you
too.
- You Don’t Know JS is the best book to learn JavaScript from. It’s free to read on GitHub.
- Eloquent JavaScript is another great introduction to programming and learning JavaScript.
- Modern JavaScript Cheatsheet helps you understand and learn all the new features in the language.
- JSBooks, a collection of free JavaScript books.

Videos and Courses
- JavaScript: Understanding the Weird Parts an incredible course which teaches the concepts of the language. First 3 hours
are free on YouTube, you can but the whole course from Udemy
- FunFunFunction makes the learning process enjoyable.
- Javascript30, 30 videos to level up your skills.
- Traversy Media great contents mostly aimed for begginers.

Learn by Doing
- FreeCodeCamp, learn to code by building projects.
- CodeAcademy, learn to code interactively.
- Codewars, train with programming challenges.

Functional Programming
This where the true the good parts show theirselves.
- JSUnconf 2016, learn functional programming basics with this talk from Anjana Vakil.
- FunFunFunction's videos are a great start.
- Mostly Adequate Guide to Functional Programming and Functional Light JS will make you master the functional programming.
- JavaScript Allongé, programming from functions to classes.
- Functional Programming Jargon in simple terms.
- awesome-fp-js is a good reference for functional programming in JavaScript.

Other Resources
- Spellbook of Modern Web Dev is a big picture of modern JavaScript development.
- What the fuck JavaScript?, list of funny and tricky JavaScript examples.

What’s next?
You can learn Node.js for backend, or go crazy with front-end frameworks, or even further, create mobile
applications.

Follow @learn_JavaScript_js for more JavaScript content.

________________________________

Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :

@Programmingworld_dev

For any quires you can ask in this group :

@devlopers_hub

React is a JavaScript library for building user interfaces.

Wes Bos Courses
We highly recommend Wes Bos' React courses:
- React For Beginners is a step-by-step training course to get you building real world React applications.
- Fullstack Advanced React & GraphQL is an excellent course that teaches you to create React applications with latest technologies.
- Learn Redux is a free course that will simply the learning of Redux.

Tutorials and books
- React Official Docs is the best place to start. React has a great documentaion.
- React Enlightenment is a well written online book.
- React Bits is a compilation of patterns, techniques, tips and tricks.

Videos and Courses
- Egghead, with lots of high quality free courses by well-know instructors such as Dan Abramov, the creator of Redux.
- Academind has a well made React course.
- Traversy Media's React crash course is very useful for beginners.
- The Net Ninja's complete React/Redux tutorial.
- LearnCodeAcademy's course is the most viewed React course on YouTube.

What's next?
- Learn more about Redux (http://redux.js.org/) and other state managers.
- Find out about server-side rendering and get to know frameworks like Next.js (https://github.com/zeit/next.js/).
- Start creating mobile applications with React Native (https://facebook.github.io/react-native/).
- Use GraphQL (http://graphql.org/) for your APIs.

Follow @learn_JavaScript_js for more JavaScript content.

_____________________________________________


Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :

@Programmingworld_dev

For any quires you can ask in this group :

@devlopers_hub

✨Some amazing websites and resources for User Interface (UI)✨

Free illustration for 404 pages

📌 https://t.co/qSC6tfgkFK


Make a unique journey through 404 error pages on your website Use these illustrations that describe better than words.


UpLabs is the place to find high-quality design resources for designers, creative agencies and developers

📌 https://t.co/KQD8ikjmPn



Isometric and flat graphic resources. 500+ weekly new free vectors

📌 https://t.co/7FU6295MiP



Open peeps is a free hand-drawn illustration library

📌 https://t.co/BeohoYEw3B




A handpicked collection of beautiful color gradients for designers and developers.

📌 https://t.co/EainhiePop



Cool background generator for your next project. It's entirely customizable

📌 https://t.co/df7VSaRSh9




A great collection of pattern for the people, by the people. Definitely check it out

📌 https://t.co/ecF4uwQw8w



Follow @learn_JavaScript_js for more JavaScript content.

_________________________________________


Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :

@Programmingworld_dev

For any quires you can ask in this group :

@devlopers_hub

When passing () => 'Batman' to superheroMaker, a is an instance of Function. Therefore, the function gets called, returning the string Batman. When passing 'Superman' to superheroMaker, a is not an instance of Function and therefore the string 'Superman' is just returned. Therefore, the output is both Batman and Superman.

✨A great list of amazing React UI libraries✨

1️⃣ Chakra UI

- Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

https://t.co/b6OAIZfMi8

2️⃣ Material UI

- React components for faster and easier web development. Build your own design system, or start with Material Design.

https://t.co/weq6TLMxY5

3️⃣ Semantic UI

- UI components based off of the Semantic UI framework

https://t.co/bJTgtzzzpc

4️⃣ Elastic UI

- The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

https://t.co/uOCnNV5qx8

5️⃣ React Bootstrap

- Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript.

https://t.co/K515uoYYVq

6️⃣ Ant Design

- A design system for enterprise-level products. Create an efficient and enjoyable work experience.

https://t.co/2JCnTqsBgD

7️⃣ Elemental UI

- A UI Toolkit for React.js Websites and Apps

https://t.co/WJqxeZoOwf

8️⃣ Rebass

- React primitive UI components built with Styled System.

https://t.co/r3PoY2DAga

9️⃣ Story Book

- Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes building stunning UIs organized and efficient.

https://t.co/iPBjIbkJ8d

Follow @learn_JavaScript_js for more JavaScript content.

______________________________

Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :

@Programmingworld_dev

For any quires you can ask in this group :

@devlopers_hub

✨Super useful 73 tips of JavaScript 🔥✨

🖇️ https://github.com/loverajoel/jstips

#Javascripttip

✨No-code personal website builder for developers✨

https://mytemplate.xyz/

✨Google fonts now for icons✨

https://t.co/W2bk3OGtFC

✨3D device mockups and animations generator ✨

https://t.co/fP7CPe7LZ6

✨Build cross-platform Flutter mobile apps visually✨

https://t.co/9y0NB6FaBY

✨Cheatsheet for regular expressions✨

https://t.co/T9PDJFNU1e

Follow @learn_JavaScript_js for more JavaScript content.

Array methods like map, filter, reduce, forEach, etc take a callback as the first parameter, which is executed for every element in the array. The Array constructor, when given an integer between 0 and (232 - 1), will return a sparse array, which has a length property equal to the given integer. The returned array is "sparse" because its slots are empty; it does not have any own-properties, other than .length. (In contrast, the array [undefined] does have an own-property of 0, even though the value at that property is undefined.)