ponynote | Repository for Modern Django '' tutorial | Learning library

by v1k45 JavaScript Version: Current License: No License

X-Ray Key Features Code Snippets Community Discussions(3)Vulnerabilities Install Support

kandi X-RAY | ponynote Summary

ponynote is a JavaScript library typically used in Tutorial, Learning, Docker, Wordpress applications. ponynote has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

Modern note taking application with Django and ReactJS. This code repository is for my tutorial blog post: Modern Django.

Support

Quality

Security

License

Reuse

Support

ponynote has a low active ecosystem.

It has 126 star(s) with 47 fork(s). There are 13 watchers for this library.

It had no major release in the last 6 months.

There are 4 open issues and 1 have been closed. There are 4 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of ponynote is current.

Quality

ponynote has no bugs reported.

Security

ponynote has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

ponynote does not have a standard license declared.

Check the repository for any license declaration and review the terms closely.

Without a license, all rights are reserved, and you cannot use the library in your applications.

Reuse

ponynote releases are not available. You will need to build from source code and install.

Installation instructions are available. Examples and code snippets are not available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ponynote

Get all kandi verified functions for this library.

ponynote Key Features

No Key Features are available at this moment for ponynote.

ponynote Examples and Code Snippets

No Code Snippets are available at this moment for ponynote.

Community Discussions

Trending Discussions on ponynote

How to configure Django with Webpack/React using create-react-app on Ubuntu server

How to deploy Django/React/Webpack app on Digital Ocean through Passenger/Nginx

'webpack_loader' is not a registered tag library

QUESTION

How to configure Django with Webpack/React using create-react-app on Ubuntu server

Asked 2018-Dec-14 at 15:42

I'm following this tutorial:

http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/

The tutorial describes how to set up a Django/React app using webpack.

Everything works fine on my development machine but I have problems with the static files on a remote server (Ubuntu 16.04.4).

These are my questions:

1) Why is my development version looking for the static files in localhost?

2) If I use Nginx/Passenger to serve the production version, the static files are not loaded in the browser even though the links look correct. Why is this?

Edit: I think I've found the answer to setting up Passenger. Even though the wsgi.py loads the application, you need to tell Nginx where the static files are located. My working /etc/nginx/sites-enabled/ponynote.conf:

...

ANSWER

Answered 2018-Dec-14 at 15:42

If the scripts don't load and you see the HTML of your homepage when you visit the script's URL in your browser, this means either your links are wrong or Nginx isn't serving up the files. (As there is no file at the URL, Nginx gives you the home page instead.) What I didn't realise at first is that although Nginx by default serves the Django app, it doesn't serve any static files that aren't in the 'public' folder, so doesn't serve the build output.

It also seems that create-react-app has changed since the tutorial I followed was written; you don't seem to need to do any webpack config now.

And finally you need to put the frontend build output somewhere the Django app will find it.

A newer tutorial led me to an approach which is working on the production server: https://medium.com/alpha-coder/heres-a-dead-simple-react-django-setup-for-your-next-project-c0b0036663c6. I chose to keep frontend in its own folder, and I'm using Nginx/Passenger, so I made a couple of changes.

Here's how I set it up.

1) After setting up your Django project, create a React app in the project root folder with:

Source https://stackoverflow.com/questions/53708640

QUESTION

How to deploy Django/React/Webpack app on Digital Ocean through Passenger/Nginx

Asked 2018-Dec-10 at 17:36

I'm trying to deploy a web app built with Django/Redux/React/Webpack on a Digital Ocean droplet. I'm using Phusion Passenger and Nginx on the deployment server.

I used create-react-app to build a Django app which has a frontend that uses React/Redux, and a backend api that uses django-rest-framework. I built the frontend using npm run build.

The Django app is configured to look in the frontend/build folder for its files and everything works as expected, including authentication. It's based on this tutorial: http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/

In settings.py:

...

ANSWER

Answered 2018-Dec-06 at 19:18

Create-react-app has a fairly opinionated setup for local and production environments.

Locally, running npm start will run a webpack-dev-server, which you would typically access on port 3000. It runs a local nodejs web server to serve the files. You can route requests to your local Django server via the proxy setting.

It's worth noting that at this point there is little or no connection between your React app and Django. If you use the proxy setting, the only thing connecting the two apps is the routing of any requests not handled by your React app to your Django app via the port.

By default in create-react-app (and as noted in the tutorial you mentioned you are following) in production you would run npm run build which will process your create-react-app files into static JS and CSS files, which are then accessed in Django like static files any other Django app.

One thing Django is missing in order to access the static files is a way to know what files are generated when running npm run build. Running a build will typically result in files output like this:

Source https://stackoverflow.com/questions/53657306

QUESTION

'webpack_loader' is not a registered tag library

Asked 2018-May-23 at 23:18

I am starting to learn some react, and trying to learn how to combine ReactJS and Django. I am currently following the proposed tutorial here

After setting up the django urls, and installing django-webpack-loader, I am stuck with the following error when running the django server:

...

ANSWER

Answered 2018-May-23 at 23:18

You must add webpack_loader to your INSTALLED_APPS as described in the tutorial:

Then in the project settings.py (ponynote.settings) add webpack_loader in INSTALLED_APPS list and add the following [...]`

Source https://stackoverflow.com/questions/50478671

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install ponynote

Create a virtual env for this project
Clone it
$ pip install -r requirements.txt
$ cd ponynote/frontend
$ npm install
$ npm run start
$ python manage.py runserver

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: