Giter Club home page Giter Club logo

manavsehgal / reactspeedcoding Goto Github PK

View Code? Open in Web Editor NEW
611.0 611.0 44.0 5.77 MB

:rocket: Learn React with 30 reusable components, 15 chapters, and 3 single page apps. Fast start project with JavaScript ES6. React Hot Loading. React Router. Redux. PostCSS, FlexBox styling. Firebase database. Webpack packaging. Enzyme, Mocha, Chai BDD testing. ESLint and StyleLint. Browsersync.

License: Other

JavaScript 79.73% CSS 14.40% HTML 5.88%

reactspeedcoding's Introduction

  • ๐Ÿ‘‹ Hi, Iโ€™m @manavsehgal
  • ๐Ÿ‘€ Iโ€™m interested in Python, Growth Hackiing, and AI
  • ๐ŸŒฑ Iโ€™m currently (re)learning Python, Streamlit
  • ๐Ÿ’ž๏ธ Iโ€™m looking to collaborate on rapid development in Python
  • ๐Ÿ“ซ How to reach me https://www.linkedin.com/in/manavsehgal/

reactspeedcoding's People

Contributors

manavsehgal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

reactspeedcoding's Issues

Hot Reloading does not work for @import CSS

Hot Reloading works just fine for any changes within React code (JSX). However, as we make changes
to partials or CSS imports in /app/styles/ folder, these changes are not hot reloaded in the browser.
It works fine for changes within /app/style.css though.

We are trying several possible solutions to this know issue. Following have been tried and failed...

  1. Using postcss-import and addDependencyTo: webpack. Not recommended approach as per the above mentioned thread.
  2. Chaining css-loader imports as mentioned here.

static assets

If I place some static files like images inside /app/public folder, how can I get access to that images inside components like ???

I have tried everything with no success

Clean up styles

  1. Add sample controls or components for styles that do not have one
  2. Remove styles not used by ReactSpeed
  3. Update CSS structure based on best practice followed by ReactSpeed

Fix Firebase authentication

Firebase auth lifecycle in Workflow Editor app has some issues.

  • What is the best way to check auth user in the new Firebase API?
  • How to set state on async login when it succeeds? Is there a promise then statement?

Add a sample using Fetch API

  1. Use Fetch API to get data from local JSON resource and hydrate a component.
  2. Call an external API endpoint to get data for a component.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.