React & SaSS and Data Visualization

React & SaSS and Data Visualization
0

#1

I am not able to still find any of the following challenges on FCC.

  1. React
  2. Data Visualization
  3. SaSS
  4. Computer Science
  5. Machine Learning.

All of them are showing as coming soon … but from the past 1 year there is no progress on these challenges.
The mentors of FCC please check it as it very disappointing. We don’t trust on the other platforms and are very addicted to FCC because it is the only platform where learning is rapid and fun.

It is a request to all the mentors on FCC that please update these areas with new content ASAP.


#2

I think you need to respect that these mentors have other things going on with their lives, they even have jobs. Have patience and you might have to just use the documentation while going through a React app, it is all there for you to fiddle around with.

If you have not paid attention to their YouTube channel I would highly recommend it. There is one person there that is doing a React Project which you can learn quite a bit from just watching it. Here is the link to a playlist of his project so far: https://www.youtube.com/playlist?list=PLWKjhJtqVAbknyJ7hSrf1WKh_Xnv9RL1r


#3

I’m doing the React projects right now and was in a similar position to you.

There are other sources one can use to learn React, and I can guarantee you, it is so worth it for organizing a complex user interface. And React teaches you how to think and stay organized, rather than getting lost in event logic flow hell.

I would go through the entire “Quick Start” section on the left column, that is, from “Hello World” to “Thinking in React” on this link to Facebook’s React site.

Then, read the tutorial on their site second, which goes through a tic-tac-toe project where you can reverse your moves.

Another possibility is the Udemy course Modern React with Redux. If you buy it now, it’s at a discount and will only cost you 10 bucks. Just go through the first two chapters in the course content that focuses on React only without Redux. It goes through a simple youtube viewer app.

You shouldn’t not trust other platforms, because in real life you will have to learn from any source you can find. You can’t rely only on FreeCodeCamp’s instructional materials, I mean, after all, I’m sure you had to google w3schools, stack overflow, mozilla javascript documentation, etc. a lot while solving the projects. The first two links I gave you from the Facebook site are very good (you can use the first link as a complete introduction), and the Udemy course is nicely explained too, although I still would recommend you click on the first link initially. You will then be more than ready to start the React projects, that is, the Markdown Previewer, Camper Leaderboard, Recipe Box, etc.


#4

The beta version of FCC actually has tutorials for Sass and React. Check them out:


#5

I am just about half way on the data viz projects, and yes there are no free code camp challenges/ lessons but really, the way I see it is that those lessons are just there to get your beak wet as for really going thru and finishing the projects the vast majority of my resource was google, it was also the same for the front end projects, even though they did have lessons for those, your true friend in getting thru them was google.

Now that said, if you are cheap like me and don’t want to spend any money, check out the codeacademy React JS tutorials to get started, those lessons are a decent spring board, even if the interface is a bit buggy, I would also add not to waste time with webpack and all that jazz just yet, either just use code pen and/ or use the React CDN (see below*) in your html header and spend time trying to understand the react fundamentals , most importantly parent-child relationships vis-a-vis ‘state and props’.

*if you are on code pen you can set it up to run react with minor adjustments , just google it, but if you are on git hub these are the links I use in the header and it runs with no errors in the console but for one minor warning (something to the effect of notifying you that you are not running react in production mode)

    <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

    <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.min.js"></script>
    <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.31.2/react-bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>

best of luck